IBMa / equal-access

IBM Equal Access Accessibility Checker contains tools to automate accessibility checking from a browser or in a continuous development/build environment
https://www.ibm.com/able/toolkit/tools#develop
Apache License 2.0
635 stars 82 forks source link

[BUG] SVG style fails this rule: Accessible name does not match or contain the visible label text #411

Open francesco-mariani opened 3 years ago

francesco-mariani commented 3 years ago

SVG style fails this rule: Accessible name does not match or contain the visible label text

What tool(s) are you using?

Detailed description

Accessibility Checker gives this violation

Accessible name does not match or contain the visible label text

against

<button aria-label="text" type="button">
    <svg alt="text" focusable="false">
        <defs><style>.cls-1{fill:none;}</style></defs>
        <rect class="cls-1" width="32" height="32"></rect>
        <title>text</title>
    </svg>
</button>

due to the presence of .cls-1{fill:none;} inside the defs tag.

tombrunet commented 3 years ago

Adding code example: https://codesandbox.io/s/issue-411-j0it0?file=/index.html

philljenkins commented 1 month ago

Work in #2055 may close this issue