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.

Portfolio

Coloured form controls in data tables with sticky headers

Post author By Vernon
Post date 31 May, 2020
No Comments on Coloured form controls in data tables with sticky headers

I prototyped form controls in data tables. Each body row contains input and select controls labelled by text in a sticky column header.

Tags accessibility, CSS, forms, HTML, inclusive design, JavaScript, prototyping, responsive, user interfaces

Portfolio

Creating form navigation for a web prototype

Post author By Vernon
Post date 29 February, 2020

Create navigation within and between steps of a prototype registration form. Use semantic HTML instead of classes for CSS. Patterns for back links and branching.

Tags flow, forms, HTML, prototyping

Portfolio

Upgrading form validation messages

Post author By Vernon
Post date 30 November, 2019
1 Comment on Upgrading 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.

Tags accessibility, CSS, forms, HTML