Q
How can you add accessibility to SVG graphics?

Answer & Solution

Answer: Option A
Solution:
Accessibility can be added to SVG graphics by using the <title> and <desc> elements to provide text descriptions or tooltips for screen readers.
Related Questions on Average

Which attribute is used to create animations in SVG?

A). <animate>

B). <motion>

C). <transform>

D). <transition>

Which of the following is a best practice for creating SVG icons and illustrations?

A). Use semantic markup and optimize for performance

B). Use inline styles for all elements and attributes

C). Ignore accessibility considerations

D). Create separate SVG files for each icon

What is the purpose of the stroke-linecap attribute in SVG?

A). Specifies the shape of the line endings

B). Determines the length of the dashed lines

C). Sets the color of the dashed lines

D). Defines the spacing between dashes

What does the fill attribute specify in an SVG element?

A). Fill color

B). Stroke color

C). Border radius

D). Opacity

How can you create a dashed line in SVG?

A). Using the stroke-dasharray attribute

B). Using the stroke-dashoffset attribute

C). Applying a filter to the <line> element

D). Using the line-style property in CSS

How can you add text to an SVG graphic?

A). Using the <text> element

B). Using the <shape> element

C). Using the <caption> element

D). Using the <description> element

What does SVG stand for?

A). Scalable Vector Graphics

B). Simple Vector Graphics

C). Scalable Visual Graphics

D). Scalable Vector Generation

Which of the following is true about SVG sprites?

A). Combines multiple SVG icons into a single file

B). Converts SVG graphics into raster images

C). Increases loading times for web pages

D). Supports only static SVG graphics

What is the purpose of the viewBox attribute in SVG?

A). Defines the coordinate system and aspect ratio for the SVG

B). Specifies the fill color of an element

C). Sets the stroke color of an element

D). Determines the width and height of the SVG canvas

How can you create a gradient fill in SVG?

A). Using the <linearGradient> or <radialGradient> elements

B). Using the <pattern> element

C). Applying CSS styles to SVG elements

D). Using the <filter> element for gradients