Answer & Solution
<title>, <desc>, and appropriate ARIA attributes. These accessibility features make the SVG understandable and usable for users with visual impairments or those using assistive technologies, improving their overall experience.
<title>, <desc>, and appropriate ARIA attributes. These accessibility features make the SVG understandable and usable for users with visual impairments or those using assistive technologies, improving their overall experience.
What is the role of the role='img' attribute in SVG accessibility?
A). It indicates that the SVG is an image and should be treated as such by screen readers
B). It adds interactivity to SVG graphics
C). It sets the width and height of the SVG graphic
D). It applies specific styles to SVG graphics
What is the purpose of using the aria-hidden='true' attribute in SVG accessibility?
A). To indicate that an element should be hidden from assistive technologies
B). To apply specific styles to SVG graphics
C). To add animations and effects to SVG graphics
D). To control the visibility of SVG graphics
How can you indicate that an SVG graphic is decorative and should be ignored by screen readers?
A). By adding role='presentation' or aria-hidden='true'
B). By using complex animations within the SVG
C). By embedding multimedia content within the SVG
D). By increasing the font size of the SVG graphic
What is the role of alternative text (alt text) in SVG accessibility?
A). It provides a text alternative for users who cannot see the graphic
B). It adds visual effects to SVG graphics
C). It sets the width and height of the SVG graphic
D). It applies specific colors to SVG graphics
How can you provide a text alternative for an SVG graphic when it's used as a decorative element?
A). By adding an empty alt attribute
B). By using descriptive titles within the SVG
C). By embedding JavaScript code within the SVG
D). By applying CSS styles to the SVG graphic
Which element in SVG is used to describe the content and function of the graphic?
A). <desc>
B). <alt>
C). <title>
D). <label>
How can you ensure that an SVG graphic remains accessible when used as an interactive form element?
A). By adding appropriate ARIA roles and attributes
B). By embedding JavaScript code within the SVG
C). By using raster images instead of SVG
D). By increasing the font size of the SVG graphic
Which HTML element is used to provide a concise title for an SVG graphic?
A). <title>
B). <alt>
C). <description>
D). <caption>
Which attribute is used to associate an SVG graphic with its descriptive content for accessibility purposes?
A). aria-labelledby
B). role='description'
C). alt
D). title
What is the recommended approach for adding descriptions to an SVG graphic for accessibility purposes?
A). Use the <desc> element to provide detailed descriptions
B). Use complex animations and effects within the SVG
C). Use inline comments within the SVG code
D). Use raster images with accompanying text descriptions