Answer & Solution
<title>, <desc>, <text>, and <alt> enhance accessibility and screen reader compatibility by providing descriptive content and context, making the SVG understandable and navigable for users with disabilities.
<title>, <desc>, <text>, and <alt> enhance accessibility and screen reader compatibility by providing descriptive content and context, making the SVG understandable and navigable for users with disabilities.
Which attribute is commonly used to reference an element providing a label or description for an SVG graphic?
A). aria-labelledby
B). role='label'
C). title
D). alt
What is the purpose of providing alternative text (alt text) for SVG content?
A). To provide a text alternative for users who cannot see the graphic
B). To add decorative elements to SVG graphics
C). To specify the exact dimensions of the SVG graphic
D). To control the color scheme 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 purpose of using the aria-labelledby attribute in SVG accessibility?
A). To reference an element that provides a label or description for the SVG
B). To add animations to SVG graphics
C). To apply color contrast to SVG graphics
D). To create responsive SVG graphics
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 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
How can you ensure that an SVG graphic is accessible to users with visual impairments?
A). By providing descriptive alternative text (alt text) and using semantic markup
B). By using complex animations and effects within the SVG
C). By increasing the font size of the SVG graphic
D). By embedding JavaScript code within the SVG
Which HTML element is used to provide a concise title for an SVG graphic?
A). <title>
B). <alt>
C). <description>
D). <caption>
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