DQ – Module 5: Visual Design and Colors

Created on December 29, 2022

DQ - Module 5: Visual Design and Colors

1 / 29

Providing alternative text for an image that communicates information using color alone is sufficient in communicating that information to users.

True

False

2 / 29

Which of the following text formats allows user customizability of things like color, font, size, etc.?

Text embedded in an SVG image

Text embedded in a Flash object

Text written in an HTML paragraph

Text embedded in a JPG image

3 / 29

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)

All of the above groups are affected

People who have low vision

People who are colorblind

People who are blind

B and C

4 / 29

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

Changing the background of the UI component

Using a different color for the UI component that has high contrast against the surrounding content

Any of the above methods can be used

Providing an outline around the UI component

5 / 29

Which of the following CSS methods will effectively hide content such as inactive dialogs from both screen reader users and sighted users? (Select all that apply)

visibility:hidden

screenreader:hidden

None of options

All of the options

display:none

6 / 29

To help people who have trouble keeping their place and following the flow of text when columns of text are too wide, you can do which of the following? (Select all that apply)

All of the options

Write in short, simple sentences

Use CSS to set a maximum column width of approximately 80 characters.

A and C

Ensure the text on your website reflows as the viewport is narrowed so users can determine the column width that works for them

7 / 29

A text label for a form input should never be placed adjacent to that text input.

False

True

8 / 29

CSS-generated content is universally supported by screen readers, and is recommended for use.

True

False

9 / 29

Paragraph text should be full justified because the neat edges are less distracting for people with reading disorders

False

True

10 / 29

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

All of the above groups are affected

Sighted keyboard users

Users who are colorblind

Users who have low vision

11 / 29

The line spacing within a paragraph of text should be at least 2.0.

False

True

12 / 29

The spacing between paragraphs should be at least 1.5 times the line spacing.

False

True

13 / 29

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

4.5 to 1 for small text and 3 to 1 for large text

5 to 1 for small text and 6.5 to 1 for large text

12 to 1 for small text and 8 to 1 for large text

3 to 1 for small text and 2 to 1 for large text

14 / 29

Why is using real HTML text instead of text in an image helpful? (Select all that apply)

People who need to customize text for readability can apply their own CSS sheets to HTML text.

People who have low vision can better zoom real text, while images lose crispness

HTML text can reflow as the viewport changes, while text in images cannot

None of the options

All the options

15 / 29

For screen reader users, the reading order and focus order are always the same thing.

True

False

16 / 29

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

As long as contrast ratio requirements are met, images of text and native components can and should be used.

Standard text and native components give web designers more options to style the look of a web page.

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

As long as alternative text is provided, images of text and native components can and should be used.

17 / 29

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

Document Object Model (DOM)

Visual order of the elements on the screen: left-to-right, top-to-bottom

All the options

CSS

18 / 29

When the order of content in a webpage's source code does not match the visual presentation of the content, the following users may find it hard to use the page:

Deaf users and deafblind users

Keyboard-only users and blind users

Source code does not have to match visual presentation.

Blind users and mouse users

19 / 29

An inactive dialog box that is not visible to sighted users must be hidden from blind users to give them an equivalent experience.

True

False

20 / 29

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

True

False

21 / 29

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

4.5 to 1

4 to 1

3.5 to 1

3 to 1

22 / 29

Which categories of fonts are acceptable general-purpose fonts in terms of readability?

Fixed-width fonts such as Courier and sans-serif fonts such as Arial

Bold fonts such as Impact, and sans-serif fonts such as Arial

Specialty fonts such as Papyrus and serif fonts such as Times New Roman

Sans-serif fonts such as Arial and serif fonts such as Times New Roman

23 / 29

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

False

True

24 / 29

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

5 to 1

3 to 1

4.5 to 1

2.5 to 1

25 / 29

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

B and D

JavaScript DOM manipulation

Magnification

B and C

A and D

CSS positioning techniques

Turning on a screen reader

26 / 29

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

Deaf users

Blind users

Users with colorblindness

Users with low vision

27 / 29

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.

False

True

28 / 29

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

Two

Any number is acceptable as long as they are designed well

Three

One

29 / 29

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

To visually separate different elements of the design

To allow user CSS customization

To ensure sufficient color contrast

Your score is

The average score is 0%

0%