DQ – Module 3 – Semantic Structure and Navigation Fee: Free Practice Tests (based on CPACC Guide https://www.accessibilityassociation.org/ ) Passing score: 95% Time limit: 40 minutes Number of questions: 48 Format: Multiple Choice, Multi Answer and True/False Difficulty: Advance 1 Created on December 23, 2022 DQ - Module 3 - Semantic Structure and Navigation DQ - Module 3 - Semantic Structure and Navigation 1 / 48 Links can be the same color as the surrounding non-link text as long as an underline appears on mouse hover and on keyboard focus. False True 2 / 48 Which of the following elements will most screen readers announce to users (in terms of the semantic meaning of the element itself)?qdelinsmarkcodepreB and CD and EAll of the aboveNone of the above q ins pre None of the options del code All of the options mark B and C 3 / 48 The accessible name for a data table should be contained in what element? <title> <summary> <caption> The first row of the table (the columns of that row should be merged into a single cell) 4 / 48 One of the main ways to make an <iframe> accessible is to add: an alt attribute a name attribute a <label> element tabindex="0" a <title> element a title attribute 5 / 48 All of the following are true about skip links, except: Must be accessible to screen reader users Must be placed just before the main navigation menu Must become visible upon receiving focus, if hidden Must be accessible to keyboard-only users 6 / 48 Screen readers do not read nested lists (lists within lists) properly. False True 7 / 48 All of the following statements are true, except: For images used as links, the alternative text for the image functions as link text for screen reader users. Users should be warned if a link opens a new window. Links with the same text should go to the same place. Link text should include words like "link" or "click" so screen reader users know it is a link. 8 / 48 All of the following HTML elements are deprecated in HTML5 except: <font> All these are deprecated 9 / 48 Links on the same page that go to the same destination should have the same text within the link. True False 10 / 48 Complex tables with merged cells are easy for screen readers to understand, as long as the table has all the necessary accessible markup. False True 11 / 48 Which of the following is NOT considered an aspect of well-formed markup? Elements are properly nested. All id attributes are unique. Content has been spell-checked. Elements do not contain duplicate attributes. 12 / 48 If the heading level 1 (<h1>) at the beginning of the main content says "How to hang ten on a surfboard," the most appropriate <title> for the page from among the options below would be: An article describing how to hang ten on a surfboard, describing the techniques and circumstances in which it is possible to do it Summers in California How to hang ten on a surfboard Surfing tutorial How to ride a surfboard 13 / 48 Which of the following methods could be used to mark the current location within a paginated view? (Select all that apply) hidden text aria-label aria-labelledby aria-describedby All of the above 14 / 48 What is the official character limit within a heading? It depends on the level of the heading 140 characters 1024 characters 256 characters There is no official limit 15 / 48 Identifying the language of a document or part of a document is important for users of: Voice recognition software Screen readers All of the above Screen magnifiers 16 / 48 If an <iframe> contains only JavaScript that is not meant to be read by the user, what is the best way to address this <iframe> in terms of accessibility? Hide it from screen reader users with aria-hidden="true" Hide it with display:none in the CSS add aria-describedby="JavaScript only" 17 / 48 he correct language code for German web content is: lang="d" lang="german" lang="de" lang="German" lang="en" lang="deutch" 18 / 48 Screen readers will recognize the following code as a list:<p>1. First item<br>2. Second item<br>3. Third item</p> True False 19 / 48 The correct way to designate a navigation list as a navigation landmark is: Wrap the navigation list in a container There is no need to add anything to the markup. Screen readers automatically detect navigation lists and announce them to users Wrap the navigation list in a <nav> container or in a container marked with role="navigation" Set role="navigation" on every link in the navigation list, or wrap each link in <nav> elements 20 / 48 Which of the following will be recognized as a valid heading by screen readers? Legal disclaimer <h1></h1> <p class="heading level2" style="font-size: 200%;font-weight: bold">Understand yourself</p> <div role="heading">The secrets beneath the ocean's surface</div> 21 / 48 If a person types "vegetarian recipes" in a site search, which of the following is the best page title on the search result page? Search results Vegetarian recipes Search results for "vegetarian recipes" Search 22 / 48 A page with 47 landmarks: Probably has too many landmarks to be optimally useful to screen reader users Shows a high level of dedication to accessibility best practices Demonstrates the popularity of the web page Is using deprecated markup, and should be updated with more modern methods 23 / 48 All of the following are valid ARIA landmark roles except: end search navigation main banner 24 / 48 If there are multiple navigation landmarks in the same page: Each landmark should have its own aria-label or aria-labelledby attribute The markup is invalid: there should be only one navigation landmark per page Each landmark should have its own unique title attribute The screen reader is likely to crash, especially older versions Screen readers will ignore all but the first one 25 / 48 The correct way to code a table cell that is a column header cell is: <td scope="col"> <td scope="column"> <th scope="col"> <th scope="column"> 26 / 48 What does the JAWS screen reader read with regard to the name/label of an <iframe>? The title attribute of the page within the iframe The title attribute on the element The <title> element of the page within the iframe The name attribute on the element 27 / 48 If you want to highlight text on a web page, when is it necessary to add additional text so that screen reader users know the text is important? Always Never When the emphasis in the highlighting changes the meaning of the text 28 / 48 Screen readers will read the alt text of an image within a heading as part of the heading text. True False 29 / 48 Screen readers can identify the current location within a navigation menu based on the visual styles True False 30 / 48 In a table with two header cells in the first row ("Male" and "Female"), and with 5 header cells under each of them, the header cells in the first row should be marked as: <td scope="colgroup"> <td scope="columngroup"> <th scope="colgroup"> <th scope="columngroup"> 31 / 48 On a so-called single-page application — in which AJAX is used to bring in new content without refreshing or loading the entire web page — any time that the URL changes, the page title should be updated accordingly. True False 32 / 48 Screen readers announce emphasized text when it is marked with: b All the options i em The word "Important: " (or similar) in front of the emphasized text None of the options mark 33 / 48 Sighted keyboard users can navigate by headings, landmarks, and other semantic features, just like blind screen reader users. True False 34 / 48 The correct location to identify the main language of an entire page is: On every block level element in the content On the element In a element in the of the document On the element 35 / 48 Screen readers will announce the number of items in a bulleted list if the list is marked up properly. False True 36 / 48 Which of the following statement(s) about deprecated HTML elements or attributes is/are FALSE? A) They have been replaced by newer constructs such as CSS.B) They are typically structural in nature.C) They may cause users to be unable to override the deprecated items with their own style sheets.D) They are disallowed by WCAG 2.0 standards.E) They are outdated or obsolete. B A B and D A and B C 37 / 48 Which of the following would be the best <title> for a page describing the autocorrect features of a software product called "Tri-coil" by a company named "Bob's Brilliant Software?" Features Bob's Brilliant Software: Tri-coil - autocorrect features All of the above are equally good Autocorrect features in Tri-coil, by Bob's Brilliant Software 38 / 48 The main navigation menu should: Both A) and B) C) Be positioned horizontally A) Be consistently located B) Be consistently ordered All the options D) Include drop-down submenus 39 / 48 Which of the following does NOT represent best practice, in terms of creating a structured outline of the content with headings?A) <h1><h2><h2><h3><h4><h2>B) <h1><h2><h2><h2><h3><h4>C) <h1><h3><h4><h3><h4><h3>D) <h1><h2> D C B A 40 / 48 Which of the following is a recommended way to emphasize text accessibly for screen reader users? Style the text using <em> Add a graphic element with "Important" as its alt text Add class="important" to the text Use all capital letters Increase the font size 41 / 48 Layout tables are not permitted by WCAG standards. True False 42 / 48 WCAG 2.0 level double A (AA) requires headings to be in a valid hierarchy under all circumstances. A heading 4 (<h4>) cannot directly follow a heading 2 (<h2>), for example. The next subheading under the heading 2 (<h2>) MUST be a heading 3 (<h3>). True False 43 / 48 The concept of robust technology compatibility is to support compatibility of web content with current and future user agents — especially assistive technologies. False True 44 / 48 If the user has the screen reader language set to French and a web page is written in English but does NOT specify the language of the document in the markup, how will the screen reader read the text? It will read the English words using French pronunciation rules It will detect the language automatically and read the text with the correct pronunciation It will translate the text to French It will cause the screen reader to turn off It will notify the user that there is a mismatch in languages 45 / 48 Links must be visually distinguishable from the surrounding non-link text False True 46 / 48 What will a screen reader say when it comes across code marked as follows?<p>Twin mattress<del>$300</del><ins>$250</ins>!</p> Twin mattress deleted $300, inserted $250! Twin mattress $300 $250! Twin mattress was $300, now $250! Twin mattress $300 $250! 47 / 48 In complex tables, each data cell must be explicitly associated with each corresponding header cell by which method? id + header scope + header Merging table cells id + scope 48 / 48 If a page has 3 headings, and an <iframe>, and if the page within the <iframe> has 2 headings, how many headings total will show up in the screen reader's list of headings on the parent page? 5 3 7 13 Your score is The average score is 60% LinkedIn Facebook Twitter 0% Restart quiz