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
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 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
Which element in SVG is used to describe the content and function of the graphic?
A). <desc>
B). <alt>
C). <title>
D). <label>
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
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 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
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
What is the recommended approach for adding interactive elements to an SVG graphic while maintaining accessibility?
A). Use ARIA roles and attributes along with semantic markup
B). Use JavaScript event listeners directly within the SVG
C). Use inline styles for interactivity
D). Use raster images instead of SVG for interactivity
How can you ensure that an SVG graphic remains accessible when used as a clickable button or link?
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