Content | Inline | Title | with ARIA | role=img + aria-labelledby

Screen reader outputs “red square, image” or similar.

Working Example

Code

HTML
CSS
JavaScript

<svg version="1.1" width="50" height="50" role="img" aria-labelledby="title-0">
	<title id="title-0">red square</title>
	<rect width="50" height="50" fill="#cc0000" />
</svg>

Nil

Nil