Timedora
Free Practice Quiz Question List

6 Visual Hierarchy and Communication Online Quiz Questions

Use this free practice quiz with 20 questions to review 6 Visual Hierarchy and Communication, test your knowledge, and prepare for your next test or exam.

20 questions
01
True or false
1 point

True or false: Visual hierarchy should reflect the purpose of the content and the needs of its audience, rather than serving as decoration alone.

  1. A

    True

  2. B

    False

02
Choose one
1 point

A page needs to guide readers from its key point toward an action. Which content order best follows the hierarchy recommended in the material?

  1. A

    Details → next step → main message → supporting explanation

  2. B

    Main message → supporting explanation → details → next step

  3. C

    Supporting explanation → details → next step → main message

  4. D

    Next step → main message → details → supporting explanation

03
Choose one
1 point

When organizing an event page, which grouping best helps visitors find the essential event information and action together?

  1. A

    Give every event detail its own equally prominent card.

  2. B

    Place the event name with venue details, and put the date with accessibility information.

  3. C

    Group the event name, date, and registration action together; place venue and accessibility details in a separate group.

  4. D

    Emphasize venue details first and place the registration action among optional guidance.

04
Choose all
1 point

Select all practices that use color purposefully in an interface, according to the material.

  1. A

    Use a limited, consistent palette so colors have reliable meanings.

  2. B

    Use color to distinguish categories or convey emphasis.

  3. C

    Use a unique, changing color for each occurrence of the same category.

  4. D

    Make color the only way to identify an error.

05
Written response
1 point

What visual cue uses consistent treatment to help viewers recognize elements that serve the same purpose?

06
Written response
1 point

Under WCAG 2.1 Level AA, what is the minimum contrast ratio for ordinary text? Enter the numeric value; the fixed :1 suffix is displayed.

07
Fill in the blank
1 point

The arrangement of content that shows what matters most, what belongs together, and where a viewer should look next is called .

08
Choose one
1 point

A page’s title, section headings, body text, and captions look inconsistent. Which typography change would best help readers distinguish these roles?

  1. A

    Use a different decorative typeface for every section to make the page more varied.

  2. B

    Use a small, consistent set of styles and apply each style to the same text role throughout.

  3. C

    Set all text in the same size and weight so no style appears more important.

  4. D

    Use headings whose visual treatment does not match their role in the content.

09
True or false
1 point

True or false: Using a grid to maintain consistent alignment prevents a designer from emphasizing selected content.

  1. A

    True

  2. B

    False

10
Fill in the blank
1 point

A layout that uses several columns on a wide screen may need to become a single, clearly ordered on a narrow screen.

11
Choose all
1 point

A page is being adapted from a wide screen to a narrow screen. Select all checks that directly assess whether its structure remains understandable.

  1. A

    Check that the reading order remains understandable.

  2. B

    Check that relationships among content remain understandable.

  3. C

    Keep the same number of columns even if that makes the content hard to follow.

  4. D

    Rely on visual position alone to communicate the order.

12
True or false
1 point

True or false: Testing a design with people who represent its intended audience can reveal problems the designer may have overlooked.

  1. A

    True

  2. B

    False

13
Choose one
1 point

A digital page looks well organized, but its headings are not structured semantically. Which change would support navigation by assistive technology?

  1. A

    Use headings only as large visual labels, without regard to their role in the content.

  2. B

    Replace headings with decorative text so assistive technology encounters fewer elements.

  3. C

    Use a semantic heading structure that reflects the content’s organization.

  4. D

    Make every heading the same level so assistive technology does not need to distinguish them.

14
Open ended
1 point

You are designing a permit application page for residents. Describe how you would organize and style its key information and next action, and name checks you would use to find and correct problems with the design.

15
Choose one
1 point

A service page needs to communicate its main point, explain it, provide details, and guide visitors to an action. Which sequence best establishes a clear order?

  1. A

    Details → next step → main message → supporting explanation

  2. B

    Main message → supporting explanation → details → next step

  3. C

    Supporting explanation → details → main message → next step

  4. D

    Next step → details → supporting explanation → main message

16
Written response
1 point

Which visual cue can separate groups and give important content room to be noticed?

17
Choose one
1 point

A page makes nearly every heading large and bold, uses bright colors throughout, and puts each detail in a prominent box. What is the most likely result?

  1. A

    Readers automatically understand which element is most important

  2. B

    The layout creates stronger emphasis through repetition

  3. C

    Nothing has clear priority because too many elements compete for attention

  4. D

    Related information becomes easier to identify through proximity

18
Written response
1 point

Under WCAG 2.1 Level AA, what is the minimum contrast ratio for ordinary text? Enter only the ratio number (for example, enter 4.5 for 4.5:1).

19
Choose one
1 point

A designer is arranging several columns of content and wants their alignment to remain consistent without making every item equally prominent. How can a grid help?

  1. A

    It helps organize columns and keep alignment consistent while allowing selected content to stand out

  2. B

    It ensures that every item receives equal visual prominence

  3. C

    It replaces the need to consider reading order

  4. D

    It makes typography styles unnecessary

20
Choose one
1 point

A multi-column page is easy to follow on a wide screen but crowded on a narrow one. Which redesign best preserves clear communication?

  1. A

    Keep all columns side by side, even if the content becomes difficult to follow

  2. B

    Remove supporting information so only the main message remains

  3. C

    Use color to indicate which column should be read first

  4. D

    Reflow the content into a clearly ordered layout and preserve understandable relationships