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.
20 lines
460 B
Svelte
20 lines
460 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="M6 20L18 20" stroke-linecap="round" stroke-linejoin="round"></path><path
|
|
d="M12 4V16M12 16L15.5 12.5M12 16L8.5 12.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
></path></svg
|
|
>
|