Accessibility for Designers

Question 1

What is the purpose of the Page Title (Browser Title)?

Answer 1

Describe the purpose/topic of the page.

Question 2

What are the 2 design requirements for Headings?

Answer 2

1. They look and act like heading.

2. They convey correct hierarchical order.

Question 3

What do you add to help screen reader users get to page content quickly? (2)

Answer 3

1. Skip navigation links.

2. HTML/ARIA landmarks

Question 4

What two things should link text convey? (2)

Answer 4

1. Purpose

2. Destination

Question 5

What is Text minimum color contrast?

Answer 5

4.5 to 1 for text, 3 to 1 for large text.

Question 6

What is required to make links stand out? (2)

Answer 6

1. visible focus

2. distinguished by more than just color.

Question 7

What does an informative image need to be accessible?

Answer 7

alternative text containing the same information as the image

Question 8

What do actionable images need for alternative text?

Answer 8

Clearly identify purpose or destination (like link text).

Question 9

What do complex images or infographics need to be accessible?

Answer 9

Short alternative text description, described on page.

Question 10

Should you put text in an image?

Answer 10

No

Question 11

What are the requirements for tables? (4)

Answer 11

1. Contain data
2. Caption (name/title)
3. Columns and rows properly identified
4. Simplified, no compound columns or row headers

Question 12

Should tables be used for layout?

Answer 12

No

Question 13

What are the requirements for form labels? (3)

Answer 13

1. Always visible
2. Adequately descriptive
3. Immediately adjacent to their form element

Question 14

Error messages need to do what?

Answer 14

Tell the user how to correct the error.

Question 15

If content appears dynamically on the page, what should happen?

Answer 15

It should be announced.

Question 16

What do interactions need?

Answer 16

Success and failure feedback

Question 17

What do custom widgets need to be accessible?

Answer 17

Full keyboard support. Compliant with WAI-Aria authoring practices

Question 18

Responsive design primarily addresses which group?

Answer 18

Low vision users

Question 19

What elements should reflow to fill the screen but not cause a horizontal scroll? (7)

Answer 19

Forms, Images, Objects, Tables, Text, UI Components, video

Question 20

What may need to be simplified on small viewports?

Answer 20

content and interface

Question 21

What font size should be functional when only text is zoomed?

Answer 21

200% of initial size. And it should be readable.

Question 22

How should mobile treat zoom?

Answer 22

it must be allowed. Text, icon, and graphics must magnify with minimal visual degradation.