Q
How can you add a title to an SVG icon for accessibility purposes?

Answer & Solution

Answer: Option C
Solution:
The <title> element in SVG is used to provide a title or description for an icon, improving accessibility for screen readers and assistive technologies.
Related Questions on Average

Which attribute is used in SVG <use> elements to reference a specific icon within an external SVG file?

A). xlink:href

B). src

C). href

D). file

What is the purpose of the viewBox attribute in SVG icons?

A). Defines the coordinate system and aspect ratio

B). Specifies the fill color of the icon

C). Sets the icon's size

D). Determines the file format of the icon

What is the advantage of using SVG icons over raster images in web design?

A). Scalability without loss of quality

B). Larger file sizes

C). Limited color options

D). Incompatibility with HTML5

Which CSS property is commonly used to style SVG icons in HTML documents?

A). fill

B). background-color

C). border

D). text-decoration

How can you make SVG icons accessible to users with disabilities?

A). Include <title> and <desc> elements for descriptions

B). Use JavaScript for interactive accessibility

C). Increase icon size for better visibility

D). Embed external images into SVG

Which attribute of SVG sprite <symbol> elements is used to define a unique ID for each icon within the sprite sheet?

A). id

B). name

C). class

D). label

What is the advantage of using CSS for styling SVG icons instead of inline styles?

A). Easier maintenance and consistent styling

B). Better compatibility with older browsers

C). Faster loading times

D). Increased file size

How can you reference an external SVG file within an HTML document for displaying an icon?

A). Using the <img> element with the SVG file path

B). Using the <use> element with the SVG file path

C). Using the <object> element with the SVG file path

D). Using the <embed> element with the SVG file path

How can you include an SVG sprite sheet in an HTML document for displaying icons?

A). Using the <img> element with the sprite sheet path

B). Using the <object> element with the sprite sheet path

C). Using the <use> element with the sprite sheet path

D). Using the <embed> element with the sprite sheet path

How can you embed an inline SVG icon directly into an HTML document?

A). Using the <svg> element

B). Using the <img> element

C). Using the <div> element

D). Using the <span> element