DQ – Module 4: Images, SVG, and Canvas Fee: Free Practice Tests (based on CPACC Guide https://www.accessibilityassociation.org/ ) Passing score: 95% Time limit: 35 minutes Number of questions: 29 Format: Multiple Choice, Multi Answer and True/False Difficulty: Advance 0 Created on December 24, 2022 DQ - Module 4: Images, SVG, and Canvas DQ - Module 4: Images, SVG, and Canvas 1 / 29 A PDF document must be untagged in order for screen reader users to access the document. False True 2 / 29 The alt text for an image of a painting can direct users to a longer description of the painting. False True 3 / 29 When assigning alternative text to actionable icon fonts (buttons or links), which technique is most effective? Add aria-label to the button or link Add hidden text within the button or link using CSS clip assigned to the surrounding span element Add text to an alt attribute in the surrounding span element. 4 / 29 Adding text within a <canvas> element or in an alt attribute on the element are both ways of adding alternative text to <canvas> elements. True False 5 / 29 Which of the following methods is recommended for decorative or redundant icon fonts? Decorative or redundant icon fonts should be assigned an empty, or null, alt attribute. Decorative or redundant icon fonts should be assigned role="img". Decorative or redundant icon fonts should be set to aria-hidden="true". Decorative or redundant icon fonts should be described using aria-label. 6 / 29 Why should role="img" be assigned to informative and actionable icon fonts? It should be assigned so that icon fonts receive visual focus. It should be assigned so that screen readers will recognize icon fonts as an images. It should be assigned so that screen readers will ignore icon fonts. Icon fonts aren't images, so they don't need to be assigned the role="img" 7 / 29 Which of following methods can be used to add programmatically discernible alternative text to an informative background image? CSS display:none on <span> CSS visibility:hidden on <span> CSS clip on <span> aria-label on <span> 8 / 29 Which of the following ways to incorporate SVGs are considered bad for accessibility? <img> All of the above are accessible Both A and D 9 / 29 Using the accessibility API for Silverlight and Flash makes them accessible across all screen readers. True False 10 / 29 All of the following accessibility techniques apply to an image (<img>) that is purely for visual decoration, except: The image can be assigned ARIA role="presentation". The image can be placed in the background using CSS. It can be given an empty, or null, alt attribute value. The image can be described using the alt attribute as alt="decorative". 11 / 29 Which of the following is NOT a way of providing alternative text for simple <canvas> elements? Using the aria-label attribute on the element. Providing a description within the element and referencing it using the aria-labelledby attribute. Using the alt attribute on the element. 12 / 29 If the <area> elements of an image map have alternative text, then alternative text does not need to be provided for the main <img> element True False 13 / 29 Why is it important that alternative text not exceed about 150 characters? (Select the best answer.) Screen readers do not treat alternative text like they treat regular text in an HTML document. If alternative text is longer than 150 characters, the user becomes bored listening to the image description. Because all it takes is 150 characters to accurately describe an image. It is not important. Alternative text can exceed 150 characters if that is needed to describe an image. 14 / 29 Alternative text for <video> and <audio> elements can be provided using the alt attribute. True False 15 / 29 Images of text are as accessible as regular text in a web page. True False 16 / 29 Providing documents in HTML format is preferred over non-HTML documents because of the accessibility features available in HTML. True False 17 / 29 What is an effective way to provide alternative text for visual driving directions? There is no way to compose alternative text for driving directions. Compose text-based directions that include street names, turns, exits, distance, etc. Describe the colors of roads and different areas on the map. Describe visually where streets, roads, and bridges are in relation to one another. 18 / 29 Interactive SVG objects must be fully keyboard accessible. True False 19 / 29 To make a <canvas> element keyboard focusable, use tabindex="1" on the <canvas> element. True False 20 / 29 Composing alternative text for images is based on: (Select the best answer.) What the author intends to convey with the image. The visual characteristics of the image. The file name of the image. It really is not based on anything. 21 / 29 The alternative text for an image used as a form input must: Convey the functionality or end result of the form input. An image used as an input is a decorative image, so it does not need a text alternative. Describe the location of the image. Describe the look of the input. 22 / 29 People who are deafblind access video and audio through: Audio Description None of the options Transcripts Captions 23 / 29 If a long description of a complex image is provided using the longdesc attribute, both sighted users and screen reader users can access the description. False True 24 / 29 All of the following can be used to provide alternative text for SVG <img> elements, except: aria-labelledby attribute alt attribute aria-label attribute aria-owns attribute 25 / 29 Text in SVG images retains its crispness and legibility when magnified. True False 26 / 29 Which of the following is true about audio descriptions? Audio descriptions describe important visual information through synchronized captions. Audio descriptions describe important visual information that is not conveyed through a video's audio track. Audio descriptions are not required if there is no audio content. Audio descriptions describe important visual information through a transcript. 27 / 29 What is the best way to link the <title> in an <svg> so that screen readers will recognize it as the alternative text? aria-labelledby aria-describedby aria-label aria-live 28 / 29 What must be done to the <canvas> element if it is used to present an image? It must be assigned ARIA role="img". It must be assigned ARIA role="presentation". It must have an alt attribute. Nothing needs to be done to the element. 29 / 29 If a <canvas> element does not specify the background color, when a user enters into Windows High Contrast Mode, the background color of the image will change along with the color of the web page as a whole. True False Your score is The average score is 0% LinkedIn Facebook Twitter 0% Restart quiz