Accessible Design Flashcards

1
Q

What is the optimal line spacing for text?

A

At least 1.5 but not more than 2

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

What is the optimal spacing for paragraphs?

A

1.5 times larger than the line spacing

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

What is required (MUST) contrast ratio for small text?

A

4.5 : 1 with the background

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

What is the required (MUST) contrast ratio for large text?

A

3 : 1 with the background

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

What is the recommended (SHOULD) contrast ratio for small text?

A

7 : 1 with the background

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

What defines small text?

A

Under 18 point or 14 point bold

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

What defines large text?

A

At or over 18 point or 14 point bold

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

What is the required (MUST) contrast ratio for visual boundaries?

A

3 : 1 with the background

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

What is the required (MUST) contrast ratio for visual focus indicators?

A

3 : 1 with the background

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

How can a developer override Windows High Contrast settings?

A

Using -ms-high-contrast media queries with the -ms-high-contrast-adjust CSS property

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

Should Windows High Contrast settings ever be overridden by webpage CSS?

A

NO

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

What is the maximum number of English characters that should appear in a column?

A

80

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

Should text be full-justified or left-justified?

A

Left-justified

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

Images of text or HTML text? And why?

A

HTML text so users can customize

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

Will CSS generated text always be read by screen readers?

A

No, it’s not always recognized by the Accessibility API

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

Will nodes with display: none be read by screen readers?

17
Q

Will nodes with visibility: hidden be read by screen readers?

18
Q

For content triggered on keyboard focus or pointer hover, what are the 3 accessibility requirements for that content?

A

That it be:
1. Dismissible
2. Hoverable
3. Persistent

19
Q

Is link text allowed to be the same color as surrounding text?

20
Q

Is link text color alone enough to differentiate a link from regular text?

21
Q

Do link text design rules apply the same way to navigation menu links?

22
Q

What is the most accessible way to implement infinite scrolling?

A

Add a button to let the user control the infinite scroll

23
Q

What image type should always be chosen for smooth scaling?

24
Q

What is an “affordance”?

A

The range of possible actions that someone can perform with a particular object.

25
What is the minimum acceptable size for a pointer target?
24px x 24px
26
True or False: Users must be able to pause an animation
True
27
What is one accessibility advantage of icon fonts over other image types?
They respond to Windows High Contrast settings and other user color schemes.