Device-Independent User Input Methods Flashcards
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
B. Low-vision users
C. Users with mobility impairments who use a mouse
Enhanced visual hover indicators only help users who can navigate websites with a keyboard.
A. True
B. False
B. False
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
B. Links
Supprisingly buttons do not get this effect naturally.
Which of the following items will be focusable with the tab key? (Select all that apply)
A. A form <input>
B. A <button> 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 role=”link”>
A. A form <input>
B. A <button> element</button>
C. A link () with a valid href value
D. A element with tabindex=”0”
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
B. Arrange the order of the elements in the DOM to match the intended tab order.
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: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.
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. The focus should go to the dialog, then back to the original button that opened the dialog.
A safe keystroke to use for custom keyboard functionality on web pages is the “H” key.
A. True
B. False
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.
Screen readers automatically notify users when a web page implements custom keystrokes.
A. True
B. False
B. False
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. 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.
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. 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.
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
E. 44px by 44px
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
C. Users with mobility impairments
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. True
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
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.