Universal Design for the Web Flashcards
Define Alternative Text
Providing short, meaningful alt text that serves as an effective replacement for the image for people who cannot see it
True or False. It is OK to rely on color alone to convey meaning.
False.
Always supplement color-coded information with text explanations
True or False. You should always use the highest value contrast of Black on White to ensure accessibility?
False.
While you don’t need to strictly use black and white, you need to choose colors that don’t make reading difficult.
Who can benefit from Captions, Transcripts, and Audio Descriptions?
Those who are blind, or deaf blind may find captions, transcripts, and descriptions valuable.
How do Transcripts and Audio Descriptions differ?
Transcripts are a written record of what people on a recording say
Audio Descriptions provide a written record of what is happening on the screen, both the actions and description of the content itself (e.g., a tree blows in the breeze)
What makes a good Link Text?
Link text should clearly explain the destination or purpose of the link and not be generic (e.g., Click Here is bad)
True or False. Link Text makes navigation better for everyone?
True. Good link text makes the navigation more understandable for everyone, including those with cognitive disabilities.
How do Headings support universal design for the web?
Headings create a properly structured outline of the page and organize content and navigation.
How do Headings speed up navigation when using screen readers?
Screen readers can scan Headings, skipping content in between. Navigating through headings makes it easier to understand what a page is about.
Other then ensuring all functionality is keyboard-accessible, what two things should be a focus of keyboard accessibility?
I Ensuring the tab order is logical
II Ensuring consistent navigation in and out of form fields
III Ensuring the focus indicator is always visible to sighted keyboard users.
A, 1 and 2
B 2 and 3
C 1 and 3
C, 1 and 3
Ensuring the tab order is logical,
Ensuring the focus indicator is always visible to sighted keyboard users.
What is the primary consideration with Data Tables?
Associate data cells with header cells allowing screen reader users to navigate effectively
What is the HTML markup for table headers?
COLUMN LABEL
What is the primary consideration for Form Labels in Web Design?
Every form element needs a label, and that label must be associated explicitly with the form element in the markup
What is the HTML markup for form labels?
< label>
How does one make JavaScript accessible?
Marking the Name, Role, State, Properties of elements appropriately with ARIA and changing dynamically as necessary