MobileRead Forums - View Single Post - [Plugin] Access-Aide

KevinH · 05-01-2018, 08:10 PM

Here is an example of using title and desc to help improve accessibility in svg as found on the web.

Code:

<svg version="1.1" width="300" height="200">
<title>Green rectangle</title>
<desc>A light green rectangle with rounded corners and a dark green border</desc>
<rect width="75" height="50" rx="20" ry="20" fill="#90ee90" stroke="#228b22" stroke-fill="1" />
</svg>

In your case you would add the title tag immediately after the opening svg tag (just before the start of the image tag), followed by the desc tag and then the image tag.

05-01-2018, 08:10 PM	#12
KevinH Sigil Developer Posts: 7,644 Karma: 5433388 Join Date: Nov 2009 Device: many	Here is an example of using title and desc to help improve accessibility in svg as found on the web. Code: <svg version="1.1" width="300" height="200"> <title>Green rectangle</title> <desc>A light green rectangle with rounded corners and a dark green border</desc> <rect width="75" height="50" rx="20" ry="20" fill="#90ee90" stroke="#228b22" stroke-fill="1" /> </svg> In your case you would add the title tag immediately after the opening svg tag (just before the start of the image tag), followed by the desc tag and then the image tag.