Hide audit noise #15141
Description
Astro Info
Astro v5.16.6
Vite v6.4.1
Node v22.21.1
System macOS (arm64)
Package Manager npm
Output server
Adapter @astrojs/node (v9.5.1)
Integrations astro-compressor (v1.2.0)
If this issue only occurs in one browser, which browser is a problem?
No response
Describe the Bug
Issue related to Astro toolbar.
Running Astro in dev mode and audit with ARC Toolkit found:
Description: The <svg> acts as an image with a text alternative, but is missing an explicit role="img".
WCAG 2.2 Success Criterion:
A 1.1.1 Non-text Content
Which pointed to:
<button class="item" data-app-id="astro:audit">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 1 20 16" aria-hidden="true"><path fill="#fff" d="M.6 2A1.1 1.1 0 0 1 1.7.9h16.6a1.1 1.1 0 1 1 0 2.2H1.6A1.1 1.1 0 0 1 .8 2Zm1.1 7.1h6a1.1 1.1 0 0 0 0-2.2h-6a1.1 1.1 0 0 0 0 2.2ZM9.3 13H1.8a1.1 1.1 0 1 0 0 2.2h7.5a1.1 1.1 0 1 0 0-2.2Zm11.3 1.9a1.1 1.1 0 0 1-1.5 0l-1.7-1.7a4.1 4.1 0 1 1 1.6-1.6l1.6 1.7a1.1 1.1 0 0 1 0 1.6Zm-5.3-3.4a1.9 1.9 0 1 0 0-3.8 1.9 1.9 0 0 0 0 3.8Z" style="--darkreader-inline-fill: var(--darkreader-text-ffffff, #e8e6e3);" data-darkreader-inline-fill=""></path></svg><div class="notification" data-active="" data-level="error"><svg viewBox="0 0 10 10" style="--fill:var(--fill-default);--fill-default:#B33E66;--fill-hover:#E3AFC1;"><rect width="9" height="9" x=".5" y=".5" fill="var(--fill)" stroke="#13151A" stroke-width="2" rx="4.5" style="--darkreader-inline-fill: var(--darkreader-text--fill, var(--darkreader-text-000000, #e8e6e3)); --darkreader-inline-stroke: var(--darkreader-text-13151a, #dad7d2);" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""></rect></svg></div></div>
<span class="item-tooltip">Audit</span>
</button>
What's the expected result?
We need to hide the SVG noise.
Link to Minimal Reproducible Example
NANA
Participation
- I am willing to submit a pull request for this issue.