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