Input width to guide sighted users

I’ve created HTML and CSS code to illustrate an idea for setting the width on form fields where data entered has a known maxlength. My case is forms that ask for a postcode. In addition to guiding sighted users, I’ve added attributes to make completing on smartphones as easy as possible. … you might be […]

From research to design: iterating a form wizard πŸ§™

In September 2018, manual accessibility testing revealed significant barriers to completing a high demand multi-step form. I thank Jamie Kelly, who first tested our registration form wizard in September last year. Pictured below in our follow-up validation testing in February 2019, he’s sitting at a table with his laptop open and an external keyboard. Jamie […]

Removed HTML5 article tags from a form

During manual accessibility testing of a form wizard in September 2018, an <article> tag was announced by the screen reader. This confused our participant each time it was announced on every step of the form! Sorry Jamie. Prioritising problems Using the three question decision tree described in How to prioritise usability problems, I was able […]

Accessibility testing a multi-channel form wizard

I gave a lightning talk as part of World Interaction Design Day #IxDD at the Melbourne Web Accessibility and Inclusive Design meetup in September 2018. From plastic cards to form wizard Before September 2018, Become a Library member was a single page web form that dumped everyone’s input into a holding bay in a database. […]