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 January 04, 2023 ITAO - Module 2 – Page structure and semantics (Test 1) ITAO - Module 2 – Page structure and semantics (Test 1) 1 / 50 Which of the following is NOT a consideration when moving focus to new content: Focus should not move unexpectedly. The element that triggers the focus change must include aria-haspopup="true". The container on which focus is set must not be empty. Sending focus to AJAX content must be the last event. 2 / 50 A collection of links suitable for use when navigating the document or related documents is called _____________. aside banner main navigation 3 / 50 If you use role="form", provide a brief label using _____________ attribute that describes the purpose of the form.A) aria-labelB) aria-labelledby C) title A and B B and C None of the options All of the options A and C 4 / 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. Braille device Screen reader Motor disability Cognitive 5 / 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. Headings Semantics Page structure Links 6 / 50 _____________ users can use headings to navigate to different sections quickly. Sighted Colorblind Screen reader Cognitive 7 / 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 _____________. banner complementary search form 8 / 50 Any section of the document that supports the main content, yet is separate and meaningful on its own is knows as __________________. banner complementary section main 9 / 50 When_____________ are nested hierarchically, the most important information is given the highest logical level, and subsections are given subsequent logical levels. headings navigations links menus 10 / 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> situations where there is more than one list links situations where there is more than one <ul> and <li> elements situations where there are more than two of the same type of landmark on the same page situations where there are more than two different id's on the same page 11 / 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. True False 12 / 50 ARIA live announcements are an effective way to notify users of new content without moving the user's focus. True False 13 / 50 For HTML5 sectioning element <header> when child is <body> ARIA landmark roles is _______________. role = "banner" role = "contentinfo" role = "main" role = "complementary" 14 / 50 _____________ users can skim through the page by reading the headings. Speech disabled Blind Cognitive Sighted 15 / 50 The________________ role is declared by a screen reader along with the name, if any. main semantics ARIA landmark 16 / 50 ________________ help users identify different sections within the content. Semantic markup Web page headings Content structure Visual design 17 / 50 You identify regions of the page withA) HTML5 sectioning elementsB) ARIA landmark roleattributes. Both A and B B None of the options A 18 / 50 If the <section> element is named (using aria-label, aria-labelledby or titleattribute), it will be designated as a___________ . complementary aside landmark main 19 / 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> False True 20 / 50 A region that contains the prime heading or internal title of a page is called a ______________. banner aside main section 21 / 50 Use ________________ attributes if HTML5 sectioning elements cannot be used. complementary role Semantic role navigation role ARIA landmark role 22 / 50 Ensure all content on the page is included in a_____________ as content outside can be easily missed. semantics landmark page navigation visual design 23 / 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> Multiple text of the same type and aria-labelledby Multiple landmarks of the same type and aria-labelledby Multiple role of the same type and aria-labelledby Multiple id of the same type and aria-labelledby 24 / 50 Ensure_____________ follow a hierarchical sequence without skipping any levels navigation links semantics headings 25 / 50 Ensure only one instance of:A) <header>B) <footer>C) <main> C None of the above A B All of the above 26 / 50 Define the basics of your page structure with the right HTML element for the job, aka using ____________ . CSS semantic markup visual elements nav elements 27 / 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. role="form" role="region" role="main" role="search" 28 / 50 ______________ to allow users the ability to navigate a page by sections or skip repeated blocks of information. Semantics Headings Links Navigations 29 / 50 Provide one __________ heading that describes the page content semantic h1 mian h2 30 / 50 Ensure___________ are meaningful, concise and describe the topic or purpose links images headings navigation 31 / 50 It is important to mark up__________ semantically so that everyone benefits. headings navigation links page structure 32 / 50 If the <form> element is named (using aria-label, aria-labelledby or titleattribute), it will be designated as a____________ . complementary main landmark aside 33 / 50 Use the __________ or ____________ attribute to differentiate multiple <nav> items.A) aria-labelB) aria-labelledbyC) aria-describedbyD) aria-live B and C A, B and C A and B C and D 34 / 50 The ARIA live region must be present on the page and must be empty before inserting the content to be announced. True False 35 / 50 Use _____________ rather than role="form" when the form is used for search functionality. role="main" role="complementary" role="search" role="aside" 36 / 50 Users with _____________ can understand the structure and find content more easily. speech disabilities cognitive disabilities color blindness motor disabilities 37 / 50 This is an example of a _______________:<form role="search"><label for="s6">search</label><input id="s6" type="text" size="20">...</form> Search landmark Label landmark Form landmark Input text 38 / 50 If one of your pages employs a time-limit, which of the following are recommended? Ensure the time limit is greater than four hours All the options Provide a warning when the time limit is about to expire Provide an option to extend the session 39 / 50 When HTML5 sectioning element <footer> is used then the ARIA Landmark role is __________________. role = "main" role = "complementary" role = "conentinfo" role = "aside" 40 / 50 A region that contains information about the parent document such as copyrights and links to privacy statements is called ______________. main aside section contentinfo 41 / 50 Headings are visually larger and more distinct than the surrounding text and provide an outline of the _______________ . input modalities page structure semantics visual design 42 / 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> Main landmark Application landmark Complementary landmark Text on a page 43 / 50 Use the _______________ attribute to label a <nav> region that begins with a heading element. aria-labelledby <title> aria-label aria-describedby 44 / 50 Limit the use of _____________ to primary and secondary navigations. <section> <aside> <nav> 45 / 50 Don’t use heading elements for_________ that is not a heading. Instead, use _________ to change font size or styles links, CSS text, CSS text, color CSS, text 46 / 50 When writing instructions for understanding and operating content, identify items by their ______________. visible names headings links semantics 47 / 50 aria-live="assertive" always gives screen reader users updates, while aria-live="polite" asks the user if they would like updates. True False 48 / 50 A ________________ is not considered a banner when it is the child of <article>, <aside>, <main>, <nav> or <section>. <header> <title> <footer> 49 / 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: aria-focus="true" tabindex="1" tabindex="0" tabindex="-1" 50 / 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. Visual Design Landmarks Navigation Semantics Your score is The average score is 0% LinkedIn Facebook Twitter 0% Restart quiz