Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Writing
  • Case studies
  • Presentations and workshops

Category: Portfolio

Creating form navigation for a web prototype

How to create navigation between steps of a prototype registration form using semantic HTML for CSS selectors and patterns for backlinks and flow branching.

Published 29 February, 2020
Categorized as Portfolio Tagged flow, forms, HTML, navigation, prototyping

Wireframing a web form wizard

I sharpened my wireframing skills, uncovered form and flow improvements, and created thoroughly commented artifacts that aided my handover conversation.

Published 30 January, 2020
Categorized as Portfolio Tagged accessibility, design system, forms, user interfaces, wireframing

A small win to fix your LibCal interface

It’s a small win to fix the interface in your library room booking software. Add stripes to help sighted users distinguish their booking.

Published 7 December, 2019
Categorized as Portfolio Tagged accessibility, CSS, usability, user interfaces

How to improve form validation messages

Red colour #D4351C on a white backround gives enough contrast to comply with WCAG Contrast (Minimum)

Our registration form wizard used a mix of inaccessible default browser error messages and ambiguous custom form validation messages in red text.

Published 30 November, 2019
Categorized as Portfolio Tagged accessibility, CSS, forms, HTML

Posts pagination

Newer posts Page 1 … Page 3 … Page 6 Older posts
  • LinkedIn
  • CodePen
  • GitHub
Vernon Fowler
Proudly powered by WordPress.