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 The ________ element is used to refer to the source of the quote. source <cite> <blockquote> <p> 2 / 59 Each ____________ in an unordered list is marked with a bullet. description lists (<dl>) ordered lists (<ol>) vertical menus list item (<li>) 3 / 59 The ______ and _________ elements should not be used. <strong>, <em> , <em> <b>, <i> <b> , <em> 4 / 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 5 / 59 For longer and more complex quotes, use the _____________ element. <q> <blockquote> <p> 6 / 59 For shorted quotes, that are usually embedded in another sentence, use the inline quote __________ element. <blockquote> <q> <cite> 7 / 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> block-quote quote paragraph inline-quote 8 / 59 Ensure each web page defines its topic or purpose in a descriptive title, set in a <title> element in the HTML ________ element. <nav> <header> <footer> 9 / 59 Use ________________ for sequential information. ordered lists (<ol>) description lists (<dl>) descriptions (<dd>) unordered lists (<ul>) 10 / 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). captions tactile cues text transcripts audio descriptions 11 / 59 Ensure id attribute value is_____________ on any page view. bolded underlined repeated unique 12 / 59 ________________ are commonly used to hold horizontal and vertical menus (for navigation, social media and list of links). Ordered lists Unordered lists Definitive lists Lists 13 / 59 When using a description list to define terms, nest the term in a _________ element. <dfn> <ol> <li> <ul> 14 / 59 Use a three-letter code if no other code is available. True False 15 / 59 Each _____________ is numbered by the browser. list item (<li>) unordered lists (<ul>) description lists (<dl>) ordered lists (<ol>) 16 / 59 The HTML5 ___________ element marks a general region of a web page or an article. <section> <aside> 17 / 59 ___________ support for <strong> and <em> is weak. HTML Screen reader W3 Braille 18 / 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 no additional info required to pass the criteria. The instructions rely on color and shape and result in a passing of this criterion. The instructions rely on color and shape only and result in a failure of this criterion. 19 / 59 Use __________ for sequential information, when the order of the items is relevant. Unordered lists (<ul>) descriptions (<dd>) description lists (<dl>) Ordered lists (<ol>) 20 / 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. speech disabled, dyslexia auditory disabled, cognitive disability blind, low vision blind, ADHD 21 / 59 _______ enable designers to embed any type of content from another web page. Iframes Forms Menus Tables 22 / 59 Ordered lists are commonly used for_____________ . listing navigation hyperlinks breadcrumbs 23 / 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> description lists (<dl>) ordered lists (<ol>) unordered lists (<ul>) list item (<li>) 24 / 59 To indicate that content has strong importance or urgency, use the _____________ element. <p> <strong> <blockquote> <q> 25 / 59 Expand abbreviations on ________ on the page, with the abbreviation accompanying the expansion, one or the other in brackets never first use links before its use 26 / 59 Be sure to include a ________ in the instruction and at the item of interest. quote transcripts captions text label 27 / 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> users French default secondary 28 / 59 Avoid _______________ elements in each list item, since screen reader users can lose track of the list itself. nesting single child unordered list ordered list nesting multiple child 29 / 59 The __________ HTML element indicates that the enclosed text is a short inline quotation. <q> <cite> 30 / 59 It is used for thematic grouping of content and should open with a heading. <article> <section> 31 / 59 Anywhere the default language changes to a different language, insert a__________ attribute semantic CSS title lang 32 / 59 If the <iframe> contains content intended for the user give the <iframe> element a descriptive ________ attribute value. title data span label 33 / 59 XHTML should use both the lang attribute and the _______ attribute. css:lang xml:lang html:lang lang:xml 34 / 59 WCAG was designed to apply only to___________ that were displayed on a web page. buttons semantics controls features 35 / 59 Identifying changes in language is allows___________ translation software to follow changes in language user captions online braille 36 / 59 Assistive technologies can convey to users where a quote starts and ends, which can avoid misunderstandings. False True 37 / 59 This one piece of information helps all users find content, orient themselves within it, and navigate through it. skip links header navigation page title 38 / 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 fails this criterion. The instruction does not rely on these sensory characteristics since it also refers to the label, so it passes this criterion. 39 / 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="french-CA" lang="CA-fr" language="fr-CA" lang="fr-CA" 40 / 59 This is an example of : <ul> <li>Corn</li> <li>Tomatoes</li> <li>Beans</li> <li>Onions</li> <li>Garlic</li></ul> Ordered list Unordered list Nested list Definitive list 41 / 59 Providing information using shape and/or location, however, is an effective method for many users including those with _____________ . auditory disabilities speech disabilities cognitive limitations visual disabilities 42 / 59 Use ______________ to group related terms (<dt>) and their descriptions (<dd>). unordered lists (<ul>) description lists (<dl>) list item (<li>) ordered lists (<ol>) 43 / 59 For words that have a stressed emphasis compared to surrounding text, use the ________ element. <b> <i> <em> 44 / 59 If the <iframe> consists of decorative images or JavaScript, hide it from screen readers by setting the _____________ attribute on the <iframe> element. aria-label="true" aria-hidden="true" aria-hidden="false" aria-labelledby="true" 45 / 59 The unordered list consists of one ______ element and multiple list item ________ elements <li>, <ol> <ul>, <li> <li>, <ul> <ol>, <li> 46 / 59 ___________ that support multiple languages will be able to speak the text in the appropriate accent with proper pronunciation Speech synthesizers Close Captions Text Transcripts Screen readers 47 / 59 Ensure each web page defines its topic or purpose in a descriptive title, set in a __________ element in the HTML <head> element. <header> CSS <title> HTML 48 / 59 Any part of the page that is not written in the page’s ________ language must specify its language. native secondary primary original 49 / 59 The ordered list consists of one ________ element and multiple list item _______ elements (<li>), <ol> <ul>, <li> <dl>, <ul> <ol>, (<li>) 50 / 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. <header> <title> 51 / 59 If the <iframe> contains content intended for the user ensure the <iframe> title attribute value is_______ across iframes on the page. unique highlighted different multiple 52 / 59 If the <section> element is named (using aria-label, aria-labelledby or titleattribute), it is identified as a _____________ . Semantics Page Structure Responsive design Landmark 53 / 59 The HTML5 ______________ element represents a complete or self-contained composition in a web page. <article> <aside> 54 / 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 55 / 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.) Id values href values Lists ARIA values 56 / 59 For the lang attribute choose the appropriate language code from ______ . Use the shortest available language code. ISO-629 ISO-649 ISO-639 ISO-640 57 / 59 Use ______________ when the order of the items is irrelevant. lists (<li>) ordered lists (<ol>) description lists (<dl>) unordered lists (<ul>) 58 / 59 The <html> element must have a _______ attribute value that identifies the primary language of the page. 59 / 59 ______ and ______ are semantic tags meaning the author wishes to provide emphasis. STRONG, EM <b>, <i> <cite> , <blockquote>, em Your score is The average score is 0% LinkedIn Facebook Twitter 0% Restart quiz