Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Latest articles
  • Case studies
  • Presentations and workshops

Tag: accessibility

My accessibility posts include tips on increasing colour contrast beyond compliance, improving the experience for motor-impaired users, and using ARIA.

Web accessibility is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites and web applications by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed.

For example, when a site is coded with semantically meaningful HTML, with textual equivalents provided for images and with links named meaningfully, this helps blind users using text-to-speech software and/or text-to-Braille hardware. These also make websites optimised for search engines such as Google.

When text and images are large and/or enlargeable, it is easier for users with poor sight to read and understand the content. When links are underlined (or otherwise differentiated) as well as coloured, this ensures colour blind users will be able to notice them. When clickable links and areas are large, this helps users who cannot control a mouse with precision.

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

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 pagination

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