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…