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


Print this article


The rule determines if the svg have an accessible description.


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