Open francesco-mariani opened 3 years ago
accessibility-checker-engine
accessibility-checker
karma-accessibility-checker
rule-server
boilerplates
other
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.
.cls-1{fill:none;}
Adding code example: https://codesandbox.io/s/issue-411-j0it0?file=/index.html
Work in #2055 may close this issue
SVG style fails this rule: Accessible name does not match or contain the visible label text
What tool(s) are you using?
accessibility-checker-engine
accessibility-checker
karma-accessibility-checker
rule-server
boilerplates
other
Detailed description
Accessibility Checker gives this violation
against
due to the presence of
.cls-1{fill:none;}
inside the defs tag.