Add acessibility properties to SVG

Created on 14 June 2023, over 1 year ago
Updated 15 June 2023, over 1 year ago

Problem/Motivation

I'm working in a project that I need to implement some accessibility to svg tags like add some properties to it, for example: the role="img", 'title' tag and 'desc' tag.

Example:

<svg role="img" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1920" height="1615" viewBox="0 0 1920 1615">
  <title>Some title for svg image</title>
  <desc>Some description for svg image</desc>
...
</svg>

Is there a way to intercept the svg image object or another approach to update the svg with these properties?

Thanks in advance!

💬 Support request
Status

Active

Version

1.16

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024