Embracing usability and accessibility: a Pace case study
summary
Case study shows a Drupal 8 prototype built in InVision and a demo site that passes targeted usability and accessibility checks: six participants validate a reworked IA and menu labels, and four users with disabilities (two blind using JAWS and mobile screen readers, two with intellectual disabilities) complete all 12 assignments. Technical fixes include replacing A11Y Paragraph tabs with stacked tables, using menu_item_extras plus custom JS for ARIA/keyboard controls, and launching at WCAG Level A with AA planned.
AI-written summary · about
chapters (26)
- 0:00Introduction
- 1:00Overview of Pace
- 2:00Design
- 2:20User Groups
- 3:00Main Menu
- 4:15Information Architecture
- 5:00Why user tests
- 5:30Starting point
- 6:20Test day
- 6:55Test results
- 7:25Design feedback
- 9:15Accessibility
- 9:45Accessibility Guidelines
- 11:20Accessibility User Test
- 11:30Accessibility Preparation
- 12:25User Tests
- 14:50Conclusion
- 15:35Three main things
- 15:45Make the code portable
- 16:00Respect the scope
- 16:30Simplify Susies designs
- 18:15Building the site
- 19:05Questions
- 19:20Contribution Day
- 25:50User QA
- 31:00Feedback
related talks
47mLessons learnt from building accessible complex web apps
01h 05mAccessibility Testing 101
01h 02mAccessibility - how to get the job done in a highly collaborative manner
29mClose Encounters of an Inclusive Design: A Case Study Introducing IDX into One Compan...
44mDesigning with Accessibility in Mind
46mExclusive design
15mRapid Introduction to Web Accessibility
16mAccessibility Matters: How to Build Apps for Everyone