Universal Design for the Web Flashcards

1
Q

Define Alternative Text

A

Providing short, meaningful alt text that serves as an effective replacement for the image for people who cannot see it

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

True or False. It is OK to rely on color alone to convey meaning.

A

False.

Always supplement color-coded information with text explanations

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

True or False. You should always use the highest value contrast of Black on White to ensure accessibility?

A

False.

While you don’t need to strictly use black and white, you need to choose colors that don’t make reading difficult.

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

Who can benefit from Captions, Transcripts, and Audio Descriptions?

A

Those who are blind, or deaf blind may find captions, transcripts, and descriptions valuable.

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

How do Transcripts and Audio Descriptions differ?

A

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)

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

What makes a good Link Text?

A

Link text should clearly explain the destination or purpose of the link and not be generic (e.g., Click Here is bad)

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

True or False. Link Text makes navigation better for everyone?

A

True. Good link text makes the navigation more understandable for everyone, including those with cognitive disabilities.

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

How do Headings support universal design for the web?

A

Headings create a properly structured outline of the page and organize content and navigation.

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

How do Headings speed up navigation when using screen readers?

A

Screen readers can scan Headings, skipping content in between. Navigating through headings makes it easier to understand what a page is about.

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

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

A

C, 1 and 3

Ensuring the tab order is logical,
Ensuring the focus indicator is always visible to sighted keyboard users.

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

What is the primary consideration with Data Tables?

A

Associate data cells with header cells allowing screen reader users to navigate effectively

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

What is the HTML markup for table headers?

A

COLUMN LABEL

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

What is the primary consideration for Form Labels in Web Design?

A

Every form element needs a label, and that label must be associated explicitly with the form element in the markup

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

What is the HTML markup for form labels?

A

< label>

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

How does one make JavaScript accessible?

A

Marking the Name, Role, State, Properties of elements appropriately with ARIA and changing dynamically as necessary

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

What is the core requirement for making a PDF document accessible?

A Formatting the document in its source file
B Tagging the document as PDF
C PDFs are not accessible
D Building a customized and accessible PDF document

A

B Tagging the document as PDF

It must be in “tagged PDF” format and edited for reading order, tab order, and other semantic structural markup.