Device-Independent User Input Methods Flashcards

1
Q

Adequate mouse-click target sizes help which of the following user categories? (Select all that apply)

A. Blind users
B. Low-vision users
C. Users with mobility impairments who use a mouse
D. Colorblind users

A

B. Low-vision users

C. Users with mobility impairments who use a mouse

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Enhanced visual hover indicators only help users who can navigate websites with a keyboard.

A. True
B. False

A

B. False

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

The mouse cursor becomes a hand pointer when the mouse cursor hovers over which of the following native HTML elements?

A. Buttons
B. Links
C. Text fields
D. A and B

A

B. Links

Surprisingly buttons do not get this effect naturally.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Which of the following items will be focusable with the tab key? (Select all that apply)

A. A form 
B. A  element
C. A link (<a>) with a valid href value
D. A <span> element with tabindex="0"
E. A element with tabindex="-1"
F. An ARIA link created as follows: <span>

</span></span></a>

A

A. A form
B. A element
C. A link () with a valid href value
D. A element with tabindex=”0”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

If the tab order is not correct, the best way to fix it is to:

A. Use tabindex (e.g. tabindex=”1”, tabindex=”1”, etc.)
B. Arrange the order of the elements in the DOM to match the intended tab order.
C. Use JavaScript to detect onblur events and send the focus to the correct element.
D. Let the user customize the tab order

A

B. Arrange the order of the elements in the DOM to match the intended tab order.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Which of the following is NOT an acceptable visual focus indicator style?

A. a:focus {outline: 0;}
B. a:focus {outline: red 2px solid;}
C. button:focus {color: #fff; background: #000; outline: yellow 1px solid}
D. [role=link] {outline: red 2px solid;}
E. input[type=text] {border: red 1px dotted blue}

A

A. a:focus {outline: 0;}
Sighted keyboard users need to see where the keyboard focus is. If you remove the visible focus indicator with outline:none and fail to replace it with some other style, sighted keyboard users will have no idea which link has the focus, making it extremely difficult to use the web page.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What should be the logical progression of the focus when a person opens and then closes an ARIA dialog?

A. The focus should go to the dialog, then back to the original button that opened the dialog.
B. The focus should go to the dialog, then back to the top of the original web page.
C. The focus should go to the top of the page, then to the dialog, then back to the top of the page.
D. The focus should go to dialog, then back to the browser address bar.

A

A. The focus should go to the dialog, then back to the original button that opened the dialog.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

A safe keystroke to use for custom keyboard functionality on web pages is the “H” key.

A. True
B. False

A

B. False

When page-specified shortcuts or accesskeys are created for a web page, those shortcuts and accesskeys must not interfere with keyboard shortcuts used in the browser or keyboard shortcuts used through assistive technologies.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Screen readers automatically notify users when a web page implements custom keystrokes.
A. True
B. False

A

B. False

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

If you code a widget to be fully keyboard-accessible when using the arrow keys, touch devices users (without keyboards) will still not be able to use the widget, in most cases.

A. True
B. False

A

A. True
Touch devices rely on click events to function properly. Functionality MUST be available using standard touch methods, unless the functionality cannot be accomplished in any known way using a touch device.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Custom JavaScript gesture events on web pages will probably not work when a touch device screen reader is turned on.

A. True
B. False

A

A. True
An example is a carousel that only responds to swipe gestures. Screen reader users on touch devices will not be able to use it because the scripted gestures on the web page will be overridden by the screen reader’s own gestures. It’s best to include click events as a method of changing the carousel.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

The minimum recommended touch target size is:

A. 10px by 10px
B. 20px by 20px
C. 24px by 24px
D. 36px by 36px
E. 44px by 44px
F. 64px by 64px
A

E. 44px by 44px

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Voice input or speech recognition software is most commonly used by which of the following user categories? (Select all that apply)

A. Blind users
B. Low-vision users
C. Users with mobility impairments
D. Deaf users

A

C. Users with mobility impairments

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

The accessibility design and development principles for speech recognition users are largely the same as those for keyboard-only and screen reader users.

A. True
B. False

A

A. True

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

When basic Dragon voice commands do not work on a web page, an alternate method that can be used to interact with page content is called “Voice Grid.”

A. True
B. False

A

B. False
Trick question but sounds reasonable. The feature is actually called “Mouse Grid” which overlays a a grid numbered 1-9. Saying the name of the grid (for instance ‘3’) will present a new, smaller grid in that location on the screen allowin users to drill into a specific section of the screen.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Dragon provides support for nearly 100% of ARIA attributes.

A. True
B. False

A
B. False
Dragon provides limited support for ARIA roles and properties including:
•	button
•	link
•	radio
•	checkbox
•	aria-label
•	aria-labelledby
17
Q

A method for pausing or stopping prerecorded video-only content must be provided if play lasts for:

A. 5 seconds or more
B. 7 seconds or more
C. 10 seconds or more
D. 15 seconds or more

A

A. 5 seconds or more

18
Q

Which of the following statements are true regarding transitions on a web page? (Select all that apply)

A. Transitions must be used frequently and at a slow rate.
B. Transitions should be brief and kept to a minimum.
C. Transitions between foreground and background elements (parallax effects) should occur at a fast rate.
D. Transitions must not interfere with web page reading or interaction.

A

B. Transitions should be brief and kept to a minimum.

D. Transitions must not interfere with web page reading or interaction.

19
Q

Animated images must not flash or flicker for:

A. 2 or more times per second
B. 3 or more times per second
C. 5 or more times per second
D. 8 or more times per second

A

B. 3 or more times per second

20
Q

Interactive elements within content that moves or disappears quickly may be problematic for which groups of users? (Select all that apply)

A. Keyboard users
B. Screen reader users
C. Users who are deaf or hard of hearing
D. Alternative mouse device users
E. Users with cognitive disabilities
A
A. Keyboard users
B. Screen reader users
D. Alternative mouse device users
E. Users with cognitive disabilities
Content SHOULD NOT move in a way that makes interactive elements difficult to activate. Content that moves is very dificult for many types of users.