Accessibility · Middle · Question 51 of 75

How do you expose a meaningful inline SVG to assistive tech?

1role="img" with a <title> or aria-label
2tabindex="0" with a lang attribute on it
3aria-hidden="true" with a CSS alt property

Show the answer

Correct answer: role="img" with a <title> or aria-label

Explanation

Inline SVGs have no alt. Decorative ones should get aria-hidden="true" so they're skipped.

Further reading

Test yourself

Take the Accessibility · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.