Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Latest articles
  • Case studies
  • Presentations and workshops

Tag: HTML

Proper document markup. Separating structure from presentation and behavior. The lowercase semantic web. Building accessible, cross-platform, cross-browser pages. Using web standards correctly. HTML evolves into a language built for applications, not just documents. New semantics. Responsive images and other conundrums. Canvas and accessibility. Audio, video, and fallbacks. The politics of HTML: WHAT WG and the W3C.

Onboard users to accessible keyboard shortcuts

Accessible tooltips make keyboard shortcuts easy to discover when users need them, through natural use of web applications.

Published 4 September, 2023
Categorized as Portfolio Tagged accessibility, CSS, documentation, HTML, inclusive design

Colour and contrast coding a form prototype

I used wireframes and flows to start coding a prototype form wizard. My artifacts aided our handover process. I levelled up my skills and mastery of tools.

Published 31 March, 2020
Categorized as Portfolio Tagged accessibility, CSS, design system, forms, HTML, JavaScript, prototyping, user interfaces

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

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

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