SiteLint

  1. Home
  2. Docs
  3. SiteLint
  4. Accessibility Rules
  5. accessible-svg

accessible-svg

Print this article

Description

The rule determines if the svg have an accessible description.

Context

Making accessible and cross-browser compatible svg is a challenge. It may convey information’s or be purely decorative. Here we are checking if in any way founded svg is accessible.

How to fix it

  • If the svg is purely decorative add aria-hidden="true" and focusable="false".
  • We recommend to use <title> + <desc> + aria-labelledby="[ID]"
Was this article helpful to you? Yes No