Our registration form wizard used a mix of inaccessible default browser error messages and ambiguous custom form validation messages in red text.
Tag: CSS
Controlling layout and typography. Responsive and multi-device design. Separating presentation from structure and behavior. Media queries and beyond. Types of web layouts. CSS3 animations. Replacing JavaScript with CSS3. Crafting a print style sheet. CSS support: browser bugs and workarounds. CSS in networked devices, mobile and otherwise. Showing and hiding elements, replacing text with images. Sass and Less and more.
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.
Input width makes it easy to guide sighted users
Setting input width to guide sighted users reduces cognitive effort needed to fill out forms. I’ve created HTML and CSS code to set width of a postcode field.
Results of accessibility testing a multi-channel form wizard
In September 2018 I conducted manual accessibility testing on the first iteration of member registration as a form wizard. This was my lightning talk.