ITAO – Module 2 – Page structure and semantics (Test 1)

  • Fee: Free Practice Tests (based on WAS Guide https://www.accessibilityassociation.org/ )
  • Passing score: 95%
  • Time limit: 40 minutes
  • Number of questions: 50
  • Format: Multiple Choice, Multi Answer and True/False
  • Difficulty: Advance
0
Created on

ITAO - Module 2 – Page structure and semantics (Test 1)

ITAO - Module 2 – Page structure and semantics (Test 1)

1 / 50

Users with _____________  can understand the structure and find content more easily.

2 / 50

Use ________________ attributes if HTML5 sectioning elements cannot be used.

3 / 50

If the <section> element is named (using aria-label, aria-labelledby or titleattribute), it will be designated as a___________ .

4 / 50

_______________, also known as page regions, enable screen reader users to identify and navigate directly to important sections of a web page, skipping over blocks of content.

5 / 50

______________  to allow users the ability to navigate a page by sections or skip repeated blocks of information.

6 / 50

Don’t use heading elements for_________  that is not a heading. Instead, use _________  to change font size or styles

7 / 50

_____________  users can use headings to navigate to different sections quickly.

8 / 50

Provide one __________  heading that describes the page content

9 / 50

Ensure all content on the page is included in a_____________  as content outside can be easily missed.

10 / 50

A region of the document that represents a collection of form-associated elements, some of which can represent editable values that can be submitted to a server for processing is called _____________.

11 / 50

A region that contains the prime heading or internal title of a page is called a ______________.

12 / 50

________________   help users identify different sections within the content.

13 / 50

Ensure_____________  follow a hierarchical sequence without skipping any levels

14 / 50

Limit the use of _____________ to primary and secondary navigations.

15 / 50

If you use _______________ , provide a brief label (using aria-label, aria-labelledby or title attribute) that describes the purpose of the content in the region.

16 / 50

Define the basics of your page structure with the right HTML element for the job, aka using ____________  .

17 / 50

A ________________  is not considered a banner when it is the child of <article>, <aside>, <main>, <nav> or <section>.

18 / 50

When writing instructions for understanding and operating content, identify items by their ______________.

19 / 50

Headings are visually larger and more distinct than the surrounding text and provide an outline of the _______________ .

20 / 50

When moving focus to an element that is not focusable, it is important to include which one of the following attributes on the container:

21 / 50

The following example shows :

<div id="leftnav" role="navigation" aria-labelledby="leftnavheading"><h2 id="leftnavheading">Institutional Links</h2><ul><li>...a list of links here ...</li> </ul></div><div id="rightnav" role="navigation" aria-labelledby="rightnavheading"><h2 id="rightnavheading">Related topics</h2><ul><li>...a list of links here ...</li></ul></div>

22 / 50

If one of your pages employs a time-limit, which of the following are recommended?

23 / 50

_____________  users can skim through the page by reading the headings.

24 / 50

This is an example of ___________________:

<div role="application" aria-labelledby="p123" aria-describedby="info">  <h1 id="p123">Calendar<h1>  <p id="info">    This calendar shows the game schedule for the Boston Red Sox.  </p><div role="grid">  ...</div>

25 / 50

For HTML5 sectioning element <header> when child is <body> ARIA landmark roles is _______________.

26 / 50

ARIA live announcements are an effective way to notify users of new content without moving the user's focus.

27 / 50

A collection of links suitable for use when navigating the document or related documents is called _____________.

28 / 50

aria-live="assertive" always gives screen reader users updates, while aria-live="polite" asks the user if they would like updates.

29 / 50

Use the __________ or ____________ attribute to differentiate multiple <nav> items.

A) aria-label

B) aria-labelledby

C) aria-describedby

D) aria-live

30 / 50

It is important to mark up__________  semantically so that everyone benefits.

31 / 50

Any section of the document that supports the main content, yet is separate and meaningful on its own is knows as __________________.

32 / 50

Use the _______________  attribute to label a <nav> region that begins with a heading element.

33 / 50

You identify regions of the page with

A) HTML5 sectioning elements

B) ARIA landmark roleattributes.

34 / 50

Example of descriptive headings following a hierarchy without skipping a level:

<h1>Web Accessibility Fundamentals</h1>   <h2>What is Web Accessibility?</h2>   <h2>Types of Disabilities</h2>      <h3>Blind</h3>   <h2>Accessibility Guidelines<h2>      <h3>Web Content Accessibility Guidelines</h3>

35 / 50

_________________  create chunks of information that can be found easily by people with disabilities, such as a blind person using a screen reader, or a person with a cognitive disability who uses assistive technology that delineates groups of information, or someone with a communication disability or illiteracy, who uses a screen reader to assist them in their reading.

36 / 50

______________   users need to build a mental model of the page, and are dependent on content authors to identify, with the appropriate markup, any headings, menus, banners, paragraphs, lists, quotes, code, tables and other features.

37 / 50

Ensure___________  are meaningful, concise and describe the topic or purpose

38 / 50

When a user allows a session to time out, it is not necessary to save data because the user would have extended the session if they intended to continue.

39 / 50

When HTML5 sectioning element <footer> is used then the ARIA Landmark role is __________________.

40 / 50

If you use role="form", provide a brief label using _____________ attribute that describes the purpose of the form.

A) aria-label

B) aria-labelledby

C) title

41 / 50

This is an example of a _______________:

<form role="search"><label for="s6">search</label><input id="s6" type="text" size="20">...</form>

42 / 50

The________________  role is declared by a screen reader along with the name, if any.

43 / 50

If the <form> element is named (using aria-label, aria-labelledby or titleattribute), it will be designated as a____________ .

44 / 50

Ensure only one instance of:

A) <header>

B) <footer>

C) <main>

 

45 / 50

The ARIA live region must be present on the page and must be empty before inserting the content to be announced.

46 / 50

The following example shows a best practice of ___________________ , and there is no existing text on the page that can be referenced as the label.

<div id="leftnav" role="navigation" aria-label="Primary"><ul><li>...a list of links here ...</li></ul> </div><div id="rightnav" role="navigation" aria-label="Secondary"><ul><li>...a list of links here ...</li> </ul></div>

47 / 50

Use _____________  rather than role="form" when the form is used for search functionality.

48 / 50

A region that contains information about the parent document such as copyrights and links to privacy statements is called ______________.

49 / 50

Which of the following is NOT a consideration when moving focus to new content:

50 / 50

When_____________  are nested hierarchically, the most important information is given the highest logical level, and subsections are given subsequent logical levels.

Your score is

The average score is 0%

LinkedIn Facebook Twitter
0%

error: Content is protected !!
Scroll to Top