Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Latest articles
  • Public speaking

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.

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

Digital prototyping workshop at the 2019 UXLibs conference

To improve the mobile experience of reserving a group study room – the case for my digital prototyping workshop at the 5th UXLibs conference.

Published 22 June, 2019
Categorized as Portfolio Tagged accessibility, forms, interaction design, mobile, prototyping, public speaking, usability, workshop

Input width makes it easy to guide sighted people

Setting input width to guide users reduces cognitive effort needed to fill out forms. I’ve created HTML and CSS code to set the width of a postcode field.

Published 26 May, 2019
Categorized as Portfolio Tagged accessibility, CSS, forms, HTML, inclusive design, mobile

Posts navigation

Newer posts Page 1 Page 2 Page 3 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.