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?

A

No

17
Q

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

A

No

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?

A

No

20
Q

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

A

No

21
Q

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

A

No

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?

A

SVG

24
Q

What is an “affordance”?

A

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

25
Q

What is the minimum acceptable size for a pointer target?

A

24px x 24px

26
Q

True or False:
Users must be able to pause an animation

A

True

27
Q

What is one accessibility advantage of icon fonts over other image types?

A

They respond to Windows High Contrast settings and other user color schemes.