Post on 17-Jan-2016
Accessibility Related User StoriesDocument Structure Testing
As a user,I need to be able to make sense of how the page is organized,so that I can efficiently determine the document outline and what the different sections of the page are.
Instructions① Gather in sub-groups② Pick an assignment③ Select a website④ Complete the task⑤ Share the experience
Meet MaryNeeds and Goals• To know she can trust people• Open her own music school
Behaviors• Very outgoing, always seeking
excitement• Gets things done quickly when focused
Particularities• Was born blind• Is a power screen reader user• Uses NVDA at a speech rate of 75
Demographics• 35 years old• Married• Two boys• Musician• Works from home
Meet JohnNeeds and Goals• Clear, simple instructions• Not get lost in details
Behaviors• Loves to make to-do lists for
everything• Frequently feels anxious and
overwhelmed
Particularities• Became blind after severe car accident• Is a casual screen reader user• Uses NVDA at a speech rate of 50
Demographics• 47 years old• Single• No kids• Accountant• Works in small
office
Meet JimNeeds and Goals• Spend as much time as possible with family• Goes to church every Sunday
Behaviors• Untrusting of computers, dislikes
technology • Finds interacting with computers
impersonal
Particularities• Has macular degeneration (low vision)• Recently been introduced to screen readers• Uses NVDA at a speech rate of 25
Demographics• 75 years old• Widower• 15 kids/grandkids• Retired
a11yTip #3Organize content using hierarchically nested headingshttp://bit.ly/1ia4Gc6
1.3.1 (A) – Section Headings
Content is hierarchically structured using heading elements.
a11yTip #4Use landmark roles to define page regions http://bit.ly/1ryGRRx
1.3.1 (A) - Page Regions
WAI-ARIA landmarks are used to identify various sections of the page.
Getting StartedTest Case Template
Test Case Subject Test Description Step Name Step Description
Step Expected Results
Accessibility Test Cases Section Headings Test Case
1. Turn on NVDA screen reader2. Open the page in Firefox3. …4. …5. …6. …7. …
Expected Results…
Accessibility Test Cases Page Regions Test Case
1. Turn on NVDA screen reader2. Open the page in Firefox3. …4. …5. …6. …7. …
Expected Results…