docs: remove duplicate aria-hidden attributes in aria examples

This commit is contained in:
Markus Mächler
2026-07-30 20:58:27 +02:00
committed by Jessica Janiuk
parent 5dd634d18d
commit a37c79d7d4
13 changed files with 18 additions and 72 deletions
@@ -1,15 +1,11 @@
<div class="calendar basic-calendar">
<div class="calendar-header">
<button class="month-control" aria-label="previous month" (click)="prevMonth()">
<span aria-hidden="true" class="material-symbols-outlined" translate="no" aria-hidden="true"
>chevron_left</span
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">chevron_left</span>
</button>
<h3>{{ monthYearLabel() }}</h3>
<button class="month-control" aria-label="next month" (click)="nextMonth()">
<span aria-hidden="true" class="material-symbols-outlined" translate="no" aria-hidden="true"
>chevron_right</span
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">chevron_right</span>
</button>
</div>
@@ -1,15 +1,11 @@
<div class="calendar material-calendar">
<div class="calendar-header">
<button class="month-control" aria-label="previous month" (click)="prevMonth()">
<span aria-hidden="true" class="material-symbols-outlined" translate="no" aria-hidden="true"
>chevron_left</span
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">chevron_left</span>
</button>
<h3>{{ monthYearLabel() }}</h3>
<button class="month-control" aria-label="next month" (click)="nextMonth()">
<span aria-hidden="true" class="material-symbols-outlined" translate="no" aria-hidden="true"
>chevron_right</span
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">chevron_right</span>
</button>
</div>
@@ -1,15 +1,11 @@
<div class="calendar retro-calendar">
<div class="calendar-header">
<button class="month-control" aria-label="previous month" (click)="prevMonth()">
<span aria-hidden="true" class="material-symbols-outlined" translate="no" aria-hidden="true"
>chevron_left</span
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">chevron_left</span>
</button>
<h3>{{ monthYearLabel() }}</h3>
<button class="month-control" aria-label="next month" (click)="nextMonth()">
<span aria-hidden="true" class="material-symbols-outlined" translate="no" aria-hidden="true"
>chevron_right</span
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">chevron_right</span>
</button>
</div>
@@ -19,12 +19,7 @@
(click)="sortTaskById()"
>
ID
<span
aria-hidden="true"
class="material-symbols-outlined"
translate="no"
aria-hidden="true"
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">
{{ sortAscending ? 'arrow_upward' : 'arrow_downward' }}
</span>
</button>
@@ -19,12 +19,7 @@
(click)="sortTaskById()"
>
Reward
<span
aria-hidden="true"
class="material-symbols-outlined"
translate="no"
aria-hidden="true"
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">
{{ sortAscending ? 'arrow_upward' : 'arrow_downward' }}
</span>
</button>
@@ -23,11 +23,7 @@
node.children ? 'folder' : 'docs'
}}</span>
{{ node.name }}
<span
aria-hidden="true"
class="material-symbols-outlined selected-icon"
translate="no"
aria-hidden="true"
<span aria-hidden="true" class="material-symbols-outlined selected-icon" translate="no"
>check</span
>
</li>
@@ -56,11 +56,7 @@
}
</span>
{{ node.name }}
<span
aria-hidden="true"
class="material-symbols-outlined selected-icon"
translate="no"
aria-hidden="true"
<span aria-hidden="true" class="material-symbols-outlined selected-icon" translate="no"
>check</span
>
</li>
@@ -23,11 +23,7 @@
node.children ? 'folder' : 'docs'
}}</span>
{{ node.name }}
<span
aria-hidden="true"
class="material-symbols-outlined selected-icon"
translate="no"
aria-hidden="true"
<span aria-hidden="true" class="material-symbols-outlined selected-icon" translate="no"
>check</span
>
</li>
@@ -56,11 +56,7 @@
}
</span>
{{ node.name }}
<span
aria-hidden="true"
class="material-symbols-outlined selected-icon"
translate="no"
aria-hidden="true"
<span aria-hidden="true" class="material-symbols-outlined selected-icon" translate="no"
>check</span
>
</li>
@@ -19,13 +19,9 @@
href="#{{ node.name }}"
(click)="$event.preventDefault()"
>
<span
aria-hidden="true"
class="material-symbols-outlined"
translate="no"
aria-hidden="true"
>{{ node.icon }}</span
>
<span aria-hidden="true" class="material-symbols-outlined" translate="no">{{
node.icon
}}</span>
{{ node.name }}
<span aria-hidden="true" class="material-symbols-outlined expand-icon" translate="no">{{
node.children ? 'keyboard_arrow_up' : ''
@@ -23,11 +23,7 @@
node.children ? 'folder' : 'docs'
}}</span>
{{ node.name }}
<span
aria-hidden="true"
class="material-symbols-outlined selected-icon"
translate="no"
aria-hidden="true"
<span aria-hidden="true" class="material-symbols-outlined selected-icon" translate="no"
>check</span
>
</li>
@@ -56,11 +56,7 @@
}
</span>
{{ node.name }}
<span
aria-hidden="true"
class="material-symbols-outlined selected-icon"
translate="no"
aria-hidden="true"
<span aria-hidden="true" class="material-symbols-outlined selected-icon" translate="no"
>check</span
>
</li>
@@ -56,11 +56,7 @@
}
</span>
{{ node.name }}
<span
aria-hidden="true"
class="material-symbols-outlined selected-icon"
translate="no"
aria-hidden="true"
<span aria-hidden="true" class="material-symbols-outlined selected-icon" translate="no"
>check</span
>
</li>