Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessibility testing a multi-channel form wizard


Published on

A lightning talk on lessons learnt from our pre-launch test of a multi-channel form wizard. See for links to references cited.

Part of World Interaction Design Day #IxDD for @a11ymelb meetup (Melbourne Web Accessibility and Inclusive Design).

Published in: Design
  • Be the first to comment

  • Be the first to like this

Accessibility testing a multi-channel form wizard

  1. 1. 25 September 2018 Accessibility testing a multi-channel form wizard Vernon Fowler @vfowler Photo by Buzz Andersen on Unsplash
  2. 2. Agenda 1 2 3 4 5 Form wizard Validation imperceptible Progress for all Buttons ≠ mental model of radio inputs Log issues & iterate
  3. 3. The form before … by Vernon Fowler on September 18, 2018
  4. 4. Before wizardry by Vernon Fowler on September 20, 2018
  5. 5. Wizards: Definition and Design Recommendations by Raluca Budiu on June 25, 2017 Bring in the form wizard “a powerful design pattern … to simplify complex processes performed infrequently or by novice users.”
  6. 6. Validation imperceptible  Error Messages: Designing for Error — Part 3 by Krisztina Szerovay on September 18, 2018
  7. 7. Visible progress steps Wizard Design Pattern by Nick Babich on April 8, 2017
  8. 8. Styled Progress Bar by Scott O'Hara on July 28, 2018 Perceivable progress “treat the progress bar as a visual decoration, hide it from screen readers, and provide visually hidden text as a means to consistently convey the information.”
  9. 9. Perceivable progress Screenreaders · Bootstrap 
  10. 10. Buttons?
  11. 11. <button type=“submit” name=“confirm” value=“sms”> <button type=“submit” name=“confirm” value=“email”> Buttons ≠ mental model of radio inputs
  12. 12. Inclusive design for radio inputs Customise radio buttons without compromising accessibility by Hui Jing Chen on September 3, 2018
  13. 13. Log issues & iterate The Importance Of Manual Accessibility Testing by Eric Bailey on September 12, 2018
  14. 14. Thank you. Comments & questions? @vfowler