12
Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using only my keyboard, so that I can use the site to its full, expected extent.

Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

Embed Size (px)

Citation preview

Page 1: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

Accessibility Related User StoriesKeyboard Accessibility Testing

As a user,I need to be able to take advantage of every functionality available using only my keyboard,so that I can use the site to its full, expected extent.

Page 2: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

Instructions① Gather in sub-groups② Pick an assignment③ Select a website④ Complete the task⑤ Share the experience

Page 3: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

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

Page 4: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

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

Page 5: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

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

Page 6: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

a11yTip #9Ensure pages can be fully controlled without a mousehttp://bit.ly/Sknpgr

2.1.1 (A) - Keyboard Access

Page functionalities are available using the keyboard.

Page 7: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

a11yTip #10Place active elements in a predictable tabbing orderhttp://bit.ly/1bUgxPZ

2.4.3 (A) – Keyboard Focus

Active elements receive focus in an order that follows sequence and relationships in the content.

Page 8: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

a11yTip #11Provide a mechanism to skip content repeated across pageshttp://bit.ly/1fGcXKr

2.4.1 (A) - Bypass Blocks

A method is provided to skip navigation and other elements that are repeated across pages.

Page 9: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

Getting StartedTest Case Template

Test Case Subject Test Description Step Name Step Description

Step Expected Results

Page 10: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

Accessibility Test Cases Keyboard Access Test Case

1. Turn on NVDA screen reader2. Open the page in Firefox3. …4. …5. …6. …7. …

Expected Results…

Page 11: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

Accessibility Test Cases Keyboard Focus Test Case

1. Turn on NVDA screen reader2. Open the page in Firefox3. …4. …5. …6. …7. …

Expected Results…

Page 12: Accessibility Related User Stories Keyboard Accessibility Testing As a user, I need to be able to take advantage of every functionality available using

Accessibility Test Cases Bypass Blocks Test Case

1. Turn on NVDA screen reader2. Open the page in Firefox3. …4. …5. …6. …7. …

Expected Results…