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 🧙

Below is a written version of my lightning talk given at the A11y Bytes event in Melbourne on Global Accessibility Awareness Day, 16 May 2019. This follow-up lightning talk demonstrates how we overcame technical and non-technical issues to make a member registration process more inclusive. In September 2018, manual accessibility testing revealed significant barriers to […]

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. […]