Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Latest articles
  • Public speaking

Category: Portfolio

How to make improved form validation messages

Red colour #D4351C on a white backround gives sufficient contrast ratio to pass Level AA compliance 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

When and where to set input spellcheck =false

A form will spellcheck your name, email and postal address, giving false positives. I’ll share how I tweak this for a less jarring form-filling experience.

Published 1 October, 2019
Categorized as Portfolio Tagged forms, HTML, inclusive design

Identify input purpose for awesome usability and accessibility

Identify input purpose (autocomplete values) makes easier and faster form filling experiences for everyone entering personal or payment information.

Published 7 September, 2019
Categorized as Portfolio Tagged accessibility, CSS, forms, HTML, mobile, usability

Posts navigation

Newer posts Page 1 Page 2 … Page 5 Older posts

Top 5 posts

  • Creating form navigation for a web prototype
  • Wireframing a web form wizard
  • A small win to fix your LibCal interface
  • How to make improved form validation messages
  • When and where to set input spellcheck =false

Tags

accessibility continuous improvement CSS design system empathy flow forms HTML inclusive design interaction design mobile prioritise processes prototyping public speaking self-service service blueprint testing usability user interfaces user research wireframing workshop

Connect with me on

  • LinkedIn
  • Twitter
  • CodePen
  • email

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Vernon Fowler
Proudly powered by WordPress.