Visual Design and Colors Flashcards

1
Q

Which of the following groups of people are affected when only color is used to communicate information on a web page? (Select all that apply)

A. People who have low vision
B. People who are blind
C. People who are colorblind
D. All of the above groups are affected
E. B and C

A

D. All of the above groups are affected

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

True or false: Using distinct colors only for hover and focus on links are enough to distinguish links from normal text.

A

False

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

From an accessibility stance, why should standard (real) text and native UI components be used instead of images of text and UI components?

A. Standard text and native components give web designers more options to style the look of a web page.
B. As long as contrast ratio requirements are met, images of text and native components can and should be used.
C. The use of standard text and native components allows users to customize text and colors.
D. As long as alternative text is provided, images of text and native components can and should be used.

A

C. The use of standard text and native components allows users to customize text and colors.

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

True or false: Providing alternative text for an image that communicates information using color alone is sufficient (ausreichend) in communicating that information to users.

A

False

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

What method can be used to distinguish UI components from surrounding content?

A. Providing an outline around the UI component
B. Using a different color for the UI component that has high contrast against the surrounding content
C. Changing the background of the UI component
D. Any of the above methods can be used

A

D. Any of the above methods can be used

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

To aid people with low vision or color deficiencies, the contrast between text and its background must be at least:

A. 3 to 1 for small text and 2 to 1 for large text
B. 5 to 1 for small text and 6.5 to 1 for large text
C. 4.5 to 1 for small text and 3 to 1 for large text
D. 12 to 1 for small text and 8 to 1 for large text

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

True or false: When high contrast is activated on an operating system, a user cannot choose to have the high contrast theme override the styling of a web page.

A

False

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

The contrast ratio for UI component boundaries must be at least:

A. 3 to 1
B. 2.5 to 1
C. 5 to 1
D. 4.5 to 1

A

A. 3 to 1

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

Enhancing the visual focus indicator benefits which group(s) of users? (Select all that apply)

A. Users who are colorblind
B. Users who have low vision
C. Sighted keyboard users
D. All of the above groups are affected

A

D. All of the above groups are affected

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

The contrast ratio for visual focus indicators must be at least:

A. 3 to 1
B. 4.5 to 1
C. 4 to 1
D. 3.5 to 1

A

A. 3 to 1

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

What is the purpose of “visual white space” in web design?

A. To ensure sufficient color contrast
B. To allow user CSS customization
C. To visually separate different elements of the design

A

C. To visually separate different elements of the design

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

True or False: A text label for a form input should never be placed adjacent (neben) to that text input.

A

False

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

If the text label for an icon is placed visually too far away from the icon, which category of users with a disability will be most affected?

A. Blind users
B. Deaf users
C. Users with low vision
D. Users with colorblindness

A

C. Users with low vision

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

What is the recommended maximum number of main focus areas on a web page?

A. One
B. Two
C. Three
D. Any number is acceptable as long as they are designed well

A

A. One

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

The order that screen readers navigate through page content is determined by the: (Select all that apply)

A. Visual order of the elements on the screen: left-to-right, top-to-bottom
B. CSS
C. Document Object Model (DOM)
D. All of the above

A

C. Document Object Model (DOM)

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

True or false: For screen reader users, the reading order and focus order are always the same thing.

A

False

17
Q

Which of the following can impact the reading order and focus order of page content? (Select all that apply)

A. JavaScript DOM manipulation
B. Turning on a screen reader
C. Magnification
D. CSS positioning techniques
E. A and D
F. B and C
G. B and D

A

E. A and D

18
Q

True or false: The best way to fix focus order problems is to use tabindex values greater than 1.

A

False