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 What is an effective way to provide alternative text for visual driving directions? Compose text-based directions that include street names, turns, exits, distance, etc. There is no way to compose alternative text for driving directions. Describe the colors of roads and different areas on the map. Describe visually where streets, roads, and bridges are in relation to one another. 2 / 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. 3 / 29 Which of the following ways to incorporate SVGs are considered bad for accessibility? Both A and D All of the above are accessible <img> 4 / 29 All of the following can be used to provide alternative text for SVG <img> elements, except: alt attribute aria-owns attribute aria-label attribute aria-labelledby attribute 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 described using aria-label. Decorative or redundant icon fonts should be assigned role="img". Decorative or redundant icon fonts should be set to aria-hidden="true". 6 / 29 Images of text are as accessible as regular text in a web page. False True 7 / 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 described using the alt attribute as alt="decorative". It can be given an empty, or null, alt attribute value. The image can be placed in the background using CSS. 8 / 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-label aria-live aria-describedby aria-labelledby 9 / 29 What must be done to the <canvas> element if it is used to present an image? Nothing needs to be done to the element. It must be assigned ARIA role="presentation". It must be assigned ARIA role="img". It must have an alt attribute. 10 / 29 Using the accessibility API for Silverlight and Flash makes them accessible across all screen readers. False True 11 / 29 Composing alternative text for images is based on: (Select the best answer.) The file name of the image. It really is not based on anything. The visual characteristics of the image. What the author intends to convey with the image. 12 / 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. 13 / 29 Which of the following is true about audio descriptions? 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. Audio descriptions describe important visual information through synchronized captions. 14 / 29 The alt text for an image of a painting can direct users to a longer description of the painting. True False 15 / 29 Why should role="img" be assigned to informative and actionable icon fonts? Icon fonts aren't images, so they don't need to be assigned the role="img" It should be assigned so that icon fonts receive visual focus. It should be assigned so that screen readers will ignore icon fonts. It should be assigned so that screen readers will recognize icon fonts as an images. 16 / 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 17 / 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 18 / 29 People who are deafblind access video and audio through: Captions None of the options Transcripts Audio Description 19 / 29 Which of following methods can be used to add programmatically discernible alternative text to an informative background image? CSS clip on <span> aria-label on <span> CSS visibility:hidden on <span> CSS display:none on <span> 20 / 29 A PDF document must be untagged in order for screen reader users to access the document. True False 21 / 29 Alternative text for <video> and <audio> elements can be provided using the alt attribute. True False 22 / 29 The alternative text for an image used as a form input must: Describe the look of the input. Convey the functionality or end result of the form input. Describe the location of the image. An image used as an input is a decorative image, so it does not need a text alternative. 23 / 29 Interactive SVG objects must be fully keyboard accessible. True False 24 / 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. It is not important. Alternative text can exceed 150 characters if that is needed to describe an image. Because all it takes is 150 characters to accurately describe an image. If alternative text is longer than 150 characters, the user becomes bored listening to the image description. 25 / 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 False True 26 / 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. False True 27 / 29 Text in SVG images retains its crispness and legibility when magnified. False True 28 / 29 Providing documents in HTML format is preferred over non-HTML documents because of the accessibility features available in HTML. False True 29 / 29 To make a <canvas> element keyboard focusable, use tabindex="1" on the <canvas> element. False True Your score is The average score is 0% LinkedIn Facebook Twitter 0% Restart quiz