Add aria-hidden='true' to 112 SVG icon components in src/lib/components/icons/ that were missing this attribute. Decorative icons that convey no semantic meaning should be hidden from the accessibility tree to prevent screen readers from attempting to read meaningless SVG markup (WCAG 1.1.1 Non-text Content, WCAG 4.1.2 Name, Role, Value). The remaining 60 icon files already had aria-hidden='true' set. All 172 icon components now consistently declare aria-hidden='true' on their root svg element.
26 lines
622 B
Svelte
26 lines
622 B
Svelte
<script lang="ts">
|
|
export let className = 'size-4';
|
|
export let strokeWidth = '1.5';
|
|
</script>
|
|
|
|
<svg
|
|
aria-hidden="true"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke-width={strokeWidth}
|
|
stroke="currentColor"
|
|
class={className}
|
|
>
|
|
<path d="M11 6H21" stroke-linecap="round" stroke-linejoin="round"></path><path
|
|
d="M11 12H21"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
></path>
|
|
<path d="M11 18H21" stroke-linecap="round" stroke-linejoin="round"></path><path
|
|
d="M5 19V5M5 10L3 8M5 10L7 8M5 14L3 16M5 14L7 16"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
></path>
|
|
</svg>
|