<svg> need a
<title> (or
aria-label/aria-labelledby); adding a description (via
<desc> or
aria-describedby) is recommended.
Decorative SVGs should use
aria-hidden="true" or
role="presentation"
instead.
(This SVG is not hidden. To avoid violation hide it using aria-hidden
or role="presentation" instead of role="img".)
Non-hidden decorative SVG:
This decorative <svg> element is not
hidden from assistive technologies (i.e., it lacks an aria-hidden
attribute or role="presentation"):
Note: Hard to implement because it requires using AI / human to determine
whether the SVG element is truly decorative, and then ensuring that it has
aria-hidden or role="presentation".