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.
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
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
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 purpose of using semantic markup in SVG accessibility?
A). To enhance screen reader compatibility and usability
B). To increase the file size of SVG graphics
C). To add complex animations and effects to SVG graphics
D). To apply specific styles to SVG graphics
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
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 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
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
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
How can you specify a text alternative for an SVG graphic that enhances accessibility?
A). By using descriptive <title> and <desc> elements
B). By using complex animations within the SVG
C). By embedding JavaScript code within the SVG
D). By increasing the font size of the SVG graphic