Accessibility Testing Flashcards
True or False: It’s important to test keyboard accessibility with a screen reader turned on.
True
there are subtle differences in keyboard behaviors when the screen reader is on
What do the terms MUST, SHOULD, and MAY refer to in the WCAG conformance guidelines?
- MUST: Required
- SHOULD: Strongly recommended
- MAY: Optional or conditionally recommended
True or False: every page on a website must be tested for accessibility.
False
select a sample of pages that will be significantly representative of the entire site or application
How many pages need to be tested depends on the size of the site and the budget
List the 8 most important things to test, in order.
- Anything that occurs across the entire site, such as templates.
- Anything used to navigate, such as navigational menus.
- Anything used to accept payment or to commit the user (or organization) to a legal contract, such as Forms.
- Anything used during primary interaction with the site.
- Anything typically found to cause accessibility problems: Images, Forms, Tables, Frames, Interface Elements relying on client-side scripting, and Media.
- Anything typically used by persons with disabilities, such as site maps.
- Anything necessary for contacting the organization, such as contact forms and staff directories.
- Anything that gets a lot of traffic, such as the Home page or any of the pages that receive the top 80% of traffic.
Which type of content causes the most accessibility problems on the web?
images
- does alt text exist (can be checked with automated tests)
- is the alt text high quality (needs to be checked manually)
The first step to conducting web accessibility testing is:
A. Run automated tests
B. Define the scope of the test
C. Conduct manual testing
D. Plan for remediation of accessibility issues
E. Conduct regression testing
B. Define the scope of the test
What percentage of accessibility problems can be caught by automated testing?
30%
When beginning the actual testing process, what should testers do first?
A. Conduct keyboard accessibility testing
B. Check if color is used to convey meaning
C. Run an automated test
D. Test for form validation accessibility
C. Run an automated test
Your webpage has a set of radiobuttons for preferences. If you select the last radiobutton “other” focus is automatically moved to a text input where you can provide more information. All individual radiobuttons are labeled and the group as a whole has an associated label. Which, if any, WCAG violation applies?
A. 2.1.1 - Keyboard
B. 3.2.2 - Change on input
C. 2.4.3 - Focus order
D. None - this pattern is fully WCAG 2.1 AA conforming
B. 3.2.2 - Change on input
How can you navigate between headings using NVDA, JAWS, and VoiceOver?
NVDA & JAWS: type the letter H when in browse mode
VoiceOver: Ctrl + Opt + Cmd + h
You can also pull up a list of just the headings, and each screen reader has a slightly different way of doing that
What’s the built-in screen reader for iOS?
VoiceOver
What’s the built-in screen reader for Android?
TalkBack
True or False: You can customize web content to screen reader users by detecting which screen reader they’re using.
False
screen readers only interact with the browser, not the server, so there’s no way to detect it
Which phone is currently the most popular among blind users?
A. Windows Phone
B. iPhone
C. Android Phone
D. Blackberry Phone
B. iPhone
Which screen readers are available for Windows? (Select all that apply)
A. JAWS
B. VoiceOver
C. TalkBack
D. NVDA
E. Window-Eyes
F. C and D
G. A, D, and E
G. A, D, and E
True or False: When reading the number 300, if you hear VoiceOver say “Three zero zero” instead of “Three hundred”, it means you need to fix the way you wrote the number.
False
What do developers need to keep in mind about the virtual buffer of screen readers?
A. Blind users cannot access the virtual buffer
B. The virtual buffer is keyboard-accessible
C. There may be a delay between the time when an AJAX load event is complete and when the virtual buffer is updated
D. The virtual buffer must be invoked via JavaScript
C. There may be a delay between the time when an AJAX load event is complete and when the virtual buffer is updated
True or False: The only way a screen reader can read non-focusable content (e.g., paragraphs, headings, div elements, etc.) is to start at the beginning of the page and let the screen reader read everything on the page from beginning to end.
False
can be read in segments
True or False: Screen reader users sometimes explore forms by navigating through all the form fields before filling any of them out, to give them a better sense of what the form is like.
True
this is an issue if you validate on blur
How do you access forms mode on a screen reader?
put the keyboard focus on a form field
the form tag doesn’t trigger it automatically
What types of text will be read by screen readers when inside a form?
- Form labels with the
<label>
tag. - Form labels with the
aria-label
attribute. - Form labels with the
aria-labelledby
attribute. - Text associated with form fields using the
aria-describedby
attribute (though there is a long delay in VoiceOver on Mac before that text is read). - The text in the
<legend>
of the<fieldset>
. - The text inside links.
- The text in any element with
tabindex="0"
.
True or False: While navigating from cell to cell, the screen reader will read the table headers (if any) for that cell.
True
Screen readers typically only read the new header information. If you navigate across a row, the screen reader will read the row header on the first cell, but not on the subsequent cells. It will read the relevant column headers though, because those represent new information.
Which screen reader mode in NVDA allows users to type “H” to go to the next heading?
A. Browse or document mode
B. Focus mode
C. Application mode
D. Forms mode
E. Table navigation mode
F. Scan mode
G. Virtual cursor
A. Browse or document mode
True or false: VoiceOver on OSX does not differentiate between document/browse mode and focus mode
True
True or false: Non-focusable text (e.g., regular paragraphs, <div> elements, headings, etc.) are not available to NVDA users in focus mode.
True
Which browser is recommended for use with JAWS?
A. Chrome
B. Opera
C. Firefox
D. Safari
E. Edge
A. Chrome
When using JAWS, how do you navigate to the next item?
A. N
B. I
C. Down arrow
D. Up arrow
E. Ctrl + Shift N
F. Caps lock + down arrow
G. Insert + down arrow
H. Tab
I. Not available in JAWS
C. Down arrow
When using JAWS, how do you navigate to the next heading?
A. Ctrl + Alt + H
B. Ctrl + Shift H
C. Caps lock + H
D. Insert + H
E. H
F. G
G. Not available in JAWS
E. H
When using JAWS, how do you navigate to the next landmark region?
A. R
B. Ctrl + Alt + L
C. Ctrl + Shift R
D. Caps lock + L
E. Insert + R
F. L
G. Not available in JAWS
A. R
When using JAWS, how do you pull up the elements list?
A. E
B. Ctrl + Alt + E
C. Ctrl + Shift L
D. Caps lock + F3
E. Insert + F3
F. L
G. Not available in JAWS
E. Insert + F3
Which browser is recommended for use with NVDA?
A. Chrome
B. Opera
C. Firefox
D. Safari
E. Edge
F. Internet Explorer
C. Firefox
When using NVDA, how do you navigate to the next item?
A. N
B. I
C. Down arrow
D. Up arrow
E. Ctrl + Option + Command N
F. Caps lock + down arrow
G. Insert + down arrow
H. Tab
I. Not available in NVDA
C. Down arrow
When using NVDA, how do you navigate to the next heading?
A. Ctrl + Alt + H
B. Ctrl + Shift H
C. Caps lock + H
D. Insert + H
E. H
F. G
G. Not available in NVDA
E. H
When using NVDA, how do you navigate to the next landmark region?
A. D
B. Ctrl + Alt + L
C. Ctrl + Shift D
D. Caps lock + L
E. Insert + R
F. R
G. Not available in NVDA
A. D
When using NVDA, how do you pull up the list of links, headings, and landmarks?
A. E
B. Ctrl + Alt + E
C. Insert + F7
D. Ctrl + Shift F7
E. Caps lock + F3
F. Insert + F3
G. H
H. Not available in NVDA
C. Insert + F7
When using VoiceOver in iOS, how do you navigate to the next item?
A. Swipe left to right
B. Swipe right to left
C. Swipe down
D. Swipe up
E. Double tap the screen
F. Say “Siri, go to next item”
G. Not available in VoiceOver for iOS
A. Swipe left to right
When using VoiceOver in iOS, how do you activate a link or a button?
A. Swipe left to right
B. Swipe right to left
C. Swipe down
D. Swipe up
E. Tap on the link or button
F. Double tap on the link or button
G. Double tap the screen anywhere
H. Say “Siri, activate”
I. Not available in VoiceOver for iOS
G. Double tap the screen anywhere
When using VoiceOver in iOS, how do you pull up the rotor?
A. Swipe left to right
B. Place one finger on the screen and rotate it
C. Place two fingers on the screen and rotate them
D. Place your mouth on the screen and rotate it
E. Swipe right to left
F. Swipe down
G. Swipe up
H. Double tap the screen
I. Say “Siri, show rotor”
J. Not available in VoiceOver for iOS
C. Place two fingers on the screen and rotate them
When using VoiceOver in iOS, how can you navigate to the next heading?
A. Swipe left to right
B. Set the rotor to navigate by headings, then swipe right
C. Swipe right to left
D. Set the rotor to navigate by headings, then swipe down
E. Swipe up
F. Double tap the screen
G. Say “Siri, go to next heading”
H. Not available in VoiceOver for iOS
D. Set the rotor to navigate by headings, then swipe down
When using VoiceOver in iOS, how do you navigate by landmarks?
A. Swipe left to right
B. Set the rotor to navigate by landmarks, then swipe right
C. Swipe right to left
D. Set the rotor to navigate by landmarks, then swipe down
E. Swipe up
F. Double tap the screen
G. Say “Siri, go to next landmark”
H. Not available in VoiceOver for iOS
D. Set the rotor to navigate by landmarks, then swipe down
When using TalkBack, how do you navigate to the next item?
A. Swipe right
B. Swipe left
C. Swipe down
D. Swipe up
E. Double tap the screen
F. Say “OK Google, go to next item”
G. Not available in TalkBack
A. Swipe right
When using TalkBack, how do you activate a link or a button?
A. Swipe right
B. Swipe left
C. Swipe down
D. Swipe up
E. Tap on the link or button
F. Double tap on the link or button
G. Double tap the screen anywhere
H. Say “OK Google, activate”
I. Not available in TalkBack
G. Double tap the screen anywhere
When using TalkBack, how do you pull up the TalkBack menu?
A. Swipe right
B. Place one finger on the screen and rotate it
C. Place two fingers on the screen and rotate them
D. Swipe down then right
E. Swipe down then up
F. Swipe left
G. Swipe down
H. Swipe up
I. Double tap the screen
J. Say “OK Google, show TalkBack menu”
K. Not available in TalkBack
D. Swipe down then right
When using TalkBack, how do you cycle through the available reading controls?
A. Swipe right
B. Place one finger on the screen and rotate it
C. Place two fingers on the screen and rotate them
D. Swipe down then right
E. Swipe down then up
F. Swipe left
G. Swipe down
H. Swipe up
I. Double tap the screen
J. Say “OK Google, next reading control”
K. Not available in TalkBack
E. Swipe down then up
When using VoiceOver in macOS, how do you navigate to the next item?
A. N
B. I
C. Down arrow
D. Up arrow
E. Ctrl + Option + Command N
F. Caps lock + down arrow
G. Shift + down arrow
H. Control + Option + right arrow
I. Not available in VoiceOver in macOS
H. Control + Option + right arrow
When using VoiceOver in macOS, which of the following methods can NOT be used to navigate by headings?
A. Ctrl + Option + Command + H
B. Caps lock + H
C. Pull up the rotor, then use the left/right arrow keys to show the list of headings, then select the heading with the down arrow key
B. Caps lock + H
When using VoiceOver in macOS, how do you navigate by landmarks?
A. Ctrl + Option + R
B. Ctrl + Option + Command + L
C. Caps lock + L
D. Pull up the rotor, then use the left/right arrow keys to show the list of landmarks, then select the heading with the down arrow key
E. L
F. Not available in VoiceOver in macOS
D. Pull up the rotor, then use the left/right arrow keys to show the list of landmarks, then select the heading with the down arrow key
When using VoiceOver in macOS, how do you pull up the rotor?
A. R
B. Ctrl + Option + U
C. Insert + F7
D. Ctrl + Shift F7
E. Caps lock + F3
F. Shift + F3
G. U
H. Not available in VoiceOver in macOS
B. Ctrl + Option + U
Which browser is recommended for use with Narrator?
A. Chrome
B. Opera
C. Firefox
D. Safari
E. Edge
F. Internet Explorer
E. Edge
When using Narrator, how do you navigate to the next item?
A. N
B. I
C. Down arrow
D. Up arrow
E. Ctrl + Option + Command N
F. Caps lock + right arrow
G. Caps lock + down arrow
H. Tab
I. Not available in Narrator
F. Caps lock + right arrow
When using Narrator, how do you activate scan mode?
A. Ctrl + Alt + S
B. Ctrl + Shift S
C. Caps lock + S
D. Insert + S
E. Space bar
F. Caps lock plus space bar
G. Not available in Narrator
F. Caps lock plus space bar
When using Narrator, how do you navigate to the next heading (when in scan mode)?
A. Ctrl + Alt + H
B. Ctrl + Shift H
C. Caps lock + H
D. Insert + H
E. H
F. G
G. Not available in Narrator
E. H
When using Narrator, how do you navigate to the next landmark region (when in scan mode)?
A. D
B. Ctrl + Alt + L
C. Ctrl + Shift D
D. Caps lock + L
E. Insert + R
F. R
G. Not available in Narrator
A. D
When using Narrator, how do you go to the next cell in a table row?
A. T
B. Ctrl + Alt + C
C. Ctrl + Alt + Right arrow
D. Insert + T
E. Ctrl + Shift T
F. Caps lock + C
G. Insert + R
H. C
I. Not available in Narrator
C. Ctrl + Alt + Right arrow
True or False: When text is embedded in an image, the alt text should include the exact text that is embedded in the image.
True
Does placeholder text (in form fields) need to meet WCAG 2.0 SC 1.4.3 Color Contrast (Minimum) requirements?
Yes. Placeholder text is considered text. And all text (unless it is logo text, incidental text or text for an inactive control) must meet color contrast requirements.
True or False: The purpose for each common input field that collects an individual’s personal data must be programmatically defined.
True
use the autocomplete attribute
What is the difference between the normative parts of WCAG and the informative parts of WCAG?
- Normative: Sets requirements for conforming to the standard.
- Non-normative/Informative: Provides guidance but are NOT the standard.
What parts of WCAG documentation are NOT normative?
the “How to Meet”, “Understanding” and “Technique” documents are informative and not required
What’s the danger of testing with JAWS as the default desktop screen reader?
JAWS does not provide accurate results for the other high market share screen readers because JAWS tries to guess what authors meant.
NVDA is a better default.
Name 8 user personas for accessibility.
- Without Perception of Color
- Limited Vision
- Without Vision
- Without Hearing
- Limited Manipulation
- Limited Reach and Strength
- Attention Deficit Hyperactivity Disorder
- Learning Difficulties and Dyslexia
NVDA command to read next item
Down Arrow
NVDA command to show list of all links, headings, form fields, buttons, and landmarks
Insert + F7
NVDA command to navigate table cells
Ctrl + Alt + Arrow Keys
NVDA command to go to next list
L
NVDA command to go to next list item
I
NVDA command to go to next image
G
NVDA command to go to next link
K
NVDA command to go to next landmark
D
JAWS command to go to next landmark
R
JAWS command to go to main content region
Q
JAWS command to show list of all buttons, frames, graphics, lists,
and links
Insert + F3
JAWS command to show list of all headings
Insert + F6
JAWS command to show list of all links
Insert + F7
VO iOS command to read next item
Swipe right
VO iOS command to activate a link or button
double-tap
VO iOS command to go to next heading, landmark, etc.
Rotor, swipe down
VO iOS command to go to next image
Rotor, swipe right
VO iOS command to go to next focusable item
Swipe right
VO Mac command to go to next heading
Control + Option + Command + H
VO Mac command to navigate table cells
Control + Option + Arrow keys
VO Mac command to go to next link
Control + Option + Command + L
VO Mac command to go to next form element
Control + Option + Command + J
VO Mac command to go to next list
Control + Option + Command + X
VO Mac command to activate a link or form control
Control + Option + Space Bar
Narrator command to read next item
Caps Lock + Right Arrow
Narrator command to list all headings
Caps Lock + F6
Narrator command to go to next landmark
D
Narrator command to go to main content
Caps Lock + N
What will happen when you swipe left while visiting a web page on an iPhone, with VoiceOver turned on?
A. The previous page visited will appear.
B. The previous focusable element will receive focus.
C. The previous sentence read will be read again.
D. The previous app used will appear.
B. The previous focusable element will receive focus.
Which keystrokes should you press to prompt VoiceOver to read continuously?
A. VO + A
B. VO + Enter
C. VO + down arrow
D. VO + Tab
A. VO + A
What keystrokes should you press to turn NVDA on?
A. Alt + N
B. Insert + Q
C. Control + Alt + Tab
D. Control + Alt + N
D. Control + Alt + N