ITAO – Module 2 – Page structure and semantics (Test 2) Fee: Free Practice Tests (based on WAS Guide https://www.accessibilityassociation.org/ ) Passing score: 95% Time limit: 50 minutes Number of questions: 59 Format: Multiple Choice, Multi Answer and True/False Difficulty: Advance 0 Created on January 04, 2023 ITAO - Module 2 – Page structure and semantics (Test 2) ITAO - Module 2 – Page structure and semantics (Test 2) 1 / 59 Anywhere the default language changes to a different language, insert a__________ attribute CSS lang semantic title 2 / 59 Francophone user's screen reader will attempt to read a page without a lang attribute in French, even if it is written in English. It’s an issue for screen reader users who understand multiple languages and visit websites written in all of them. False True 3 / 59 Each _____________ is numbered by the browser.<ol> <li>Cook beans for 45 minutes.</li> <li>Cut vegetables in small cubes.</li> <li>Sauté onions and garlic.</li> <li>Deglaze using the tomatoes.</li> <li>Add corn and beans.</li></ol> ordered lists (<ol>) unordered lists (<ul>) description lists (<dl>) list item (<li>) 4 / 59 Ensure each web page defines its topic or purpose in a descriptive title, set in a __________ element in the HTML <head> element. <header> <title> HTML CSS 5 / 59 A table presents a list of times across the top row and a list of events in the first vertical column and instructions are provided under the table: "Events marked with a blue diamond are played on field A and events marked with a green circle are played on field B." The instructions rely on color and shape and result in a passing of this criterion. The instructions rely on color and shape no additional info required to pass the criteria. The instructions rely on color and shape only and result in a failure of this criterion. 6 / 59 For shorted quotes, that are usually embedded in another sentence, use the inline quote __________ element. <q> <cite> <blockquote> 7 / 59 The ordered list consists of one ________ element and multiple list item _______ elements <dl>, <ul> <ol>, (<li>) (<li>), <ol> <ul>, <li> 8 / 59 ___________ that support multiple languages will be able to speak the text in the appropriate accent with proper pronunciation Text Transcripts Screen readers Speech synthesizers Close Captions 9 / 59 XHTML should use both the lang attribute and the _______ attribute. lang:xml html:lang css:lang xml:lang 10 / 59 Ensure id attribute value is_____________ on any page view. bolded unique repeated underlined 11 / 59 Use ______________ when the order of the items is irrelevant. ordered lists (<ol>) description lists (<dl>) lists (<li>) unordered lists (<ul>) 12 / 59 If the <iframe> contains content intended for the user give the <iframe> element a descriptive ________ attribute value. label data span title 13 / 59 Assistive technologies can convey to users where a quote starts and ends, which can avoid misunderstandings. True False 14 / 59 Avoid _______________ elements in each list item, since screen reader users can lose track of the list itself. nesting single child nesting multiple child unordered list ordered list 15 / 59 For longer and more complex quotes, use the _____________ element. <q> <p> <blockquote> 16 / 59 For English and French use the following methods of declaring the language:For English: <html lang="en">For French: <html lang="fr"> False True 17 / 59 Use ________________ for sequential information. description lists (<dl>) unordered lists (<ul>) ordered lists (<ol>) descriptions (<dd>) 18 / 59 The HTML5 ______________ element represents a complete or self-contained composition in a web page. <aside> <article> 19 / 59 The <html> element must have a _______ attribute value that identifies the primary language of the page. 20 / 59 When applying this to instructions for operating physical hardware controls (e.g. a web kiosk with dedicated content), __________ on the hardware might be described (e.g. the arrow shaped key, the round key on the right side). text transcripts audio descriptions tactile cues captions 21 / 59 To indicate that content has strong importance or urgency, use the _____________ element. <q> <strong> <p> <blockquote> 22 / 59 Ensure each web page defines its topic or purpose in a descriptive title, set in a <title> element in the HTML ________ element. <footer> <header> <nav> 23 / 59 For the lang attribute choose the appropriate language code from ______ . Use the shortest available language code. ISO-629 ISO-639 ISO-640 ISO-649 24 / 59 People who are______ and people who have _______ may not be able to understand instructions if they rely only on a description of the shape and/or location of content. blind, ADHD speech disabled, dyslexia blind, low vision auditory disabled, cognitive disability 25 / 59 It is used for thematic grouping of content and should open with a heading. <section> <article> 26 / 59 If the <iframe> consists of decorative images or JavaScript, hide it from screen readers by setting the _____________ attribute on the <iframe> element. aria-labelledby="true" aria-hidden="false" aria-label="true" aria-hidden="true" 27 / 59 Use ______________ to group related terms (<dt>) and their descriptions (<dd>). unordered lists (<ul>) ordered lists (<ol>) list item (<li>) description lists (<dl>) 28 / 59 When using a description list to define terms, nest the term in a _________ element. <li> <ul> <ol> <dfn> 29 / 59 You may add a region subtag if you need to say that this is the language as spoken somewhere in a particular; such as __________ indicates French as spoken in Canada. lang="CA-fr" lang="fr-CA" lang="french-CA" language="fr-CA" 30 / 59 ___________ support for <strong> and <em> is weak. W3 HTML Braille Screen reader 31 / 59 The __________ HTML element indicates that the enclosed text is a short inline quotation. <q> <cite> 32 / 59 Use a three-letter code if no other code is available. False True 33 / 59 ______ and ______ are semantic tags meaning the author wishes to provide emphasis. <b>, <i> STRONG, EM <blockquote>, em <cite> , 34 / 59 ________________ are commonly used to hold horizontal and vertical menus (for navigation, social media and list of links). Unordered lists Lists Definitive lists Ordered lists 35 / 59 The unordered list consists of one ______ element and multiple list item ________ elements <ol>, <li> <li>, <ul> <ul>, <li> <li>, <ol> 36 / 59 Insert lang attributes anywhere the__________ language changes to a different language.<html lang="en"> [...] <p> He maintained that the DDR (German Democratic Republic) was just a <span lang="de">Treppenwitz der Weltgeschichte</span>. </p> French users default secondary 37 / 59 If the <iframe> contains content intended for the user ensure the <iframe> title attribute value is_______ across iframes on the page. unique highlighted multiple different 38 / 59 This is an example of : <ul> <li>Corn</li> <li>Tomatoes</li> <li>Beans</li> <li>Onions</li> <li>Garlic</li></ul> Definitive list Nested list Unordered list Ordered list 39 / 59 Users configure screen readers with a default language and that’s the language used to declare a page if the <html> element is missing a _______ attribute. <title> <header> 40 / 59 Identifying changes in language is allows___________ translation software to follow changes in language user online braille captions 41 / 59 Expand abbreviations on ________ on the page, with the abbreviation accompanying the expansion, one or the other in brackets first use links never before its use 42 / 59 The ________ element is used to refer to the source of the quote. source <blockquote> <p> <cite> 43 / 59 Be sure to include a ________ in the instruction and at the item of interest. text label transcripts quote captions 44 / 59 Any part of the page that is not written in the page’s ________ language must specify its language. original secondary native primary 45 / 59 The HTML5 ___________ element marks a general region of a web page or an article. <aside> <section> 46 / 59 An online multi-page survey uses a link implemented as a green arrow icon placed in the lower right hand corner of the content to move from one survey page to the next. The arrow is clearly labeled with "Next" and the instructions state, "To move to the next section of the survey, select the green arrow icon labeled 'Next' in the lower right corner below the last survey question." The instruction uses positioning and color to help identify the icon. The instruction does not rely on these sensory characteristics since it also refers to the label, so it passes this criterion. The instruction does not rely on these sensory characteristics since it also refers to the label, so it fails this criterion. 47 / 59 This is an example of :<p>Helen Keller said, <q>"Self-pity is our worst enemy and if we yield to it, we can never do anything good in the world."</q></p> paragraph quote block-quote inline-quote 48 / 59 __________ are used by assistive technologies to associate labels and descriptions with elements, for header and cell associations in complex tables, and to define relationships in ARIA widgets (aria-owns, aria-controls, etc.) ARIA values href values Lists Id values 49 / 59 For words that have a stressed emphasis compared to surrounding text, use the ________ element. <em> <b> <i> 50 / 59 WCAG was designed to apply only to___________ that were displayed on a web page. controls features semantics buttons 51 / 59 Each _____________ is numbered by the browser. description lists (<dl>) unordered lists (<ul>) list item (<li>) ordered lists (<ol>) 52 / 59 The ______ and _________ elements should not be used. <b>, <i> <b> , <em> , <em> <strong>, <em> 53 / 59 _______ enable designers to embed any type of content from another web page. Forms Menus Tables Iframes 54 / 59 Ordered lists are commonly used for_____________ . hyperlinks listing breadcrumbs navigation 55 / 59 If the <section> element is named (using aria-label, aria-labelledby or titleattribute), it is identified as a _____________ . Landmark Responsive design Page Structure Semantics 56 / 59 Use __________ for sequential information, when the order of the items is relevant. Unordered lists (<ul>) description lists (<dl>) Ordered lists (<ol>) descriptions (<dd>) 57 / 59 Each ____________ in an unordered list is marked with a bullet. vertical menus list item (<li>) description lists (<dl>) ordered lists (<ol>) 58 / 59 This one piece of information helps all users find content, orient themselves within it, and navigate through it. skip links page title navigation header 59 / 59 Providing information using shape and/or location, however, is an effective method for many users including those with _____________ . cognitive limitations visual disabilities speech disabilities auditory disabilities Your score is The average score is 0% LinkedIn Facebook Twitter 0% Restart quiz