From a37c79d7d4ce7fc5ad81396d2c968b72e06850e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Markus=20M=C3=A4chler?= <markus.maechler@bithost.ch>
Date: Thu, 30 Jul 2026 20:58:27 +0200
Subject: [PATCH] docs: remove duplicate aria-hidden attributes in aria
 examples

---
 .../examples/aria/grid/src/calendar/basic/app/app.html |  8 ++------
 .../aria/grid/src/calendar/material/app/app.html       |  8 ++------
 .../examples/aria/grid/src/calendar/retro/app/app.html |  8 ++------
 .../examples/aria/grid/src/table/basic/app/app.html    |  7 +------
 .../examples/aria/grid/src/table/retro/app/app.html    |  7 +------
 .../tree/src/disabled-focusable/basic/app/app.html     |  6 +-----
 .../tree/src/disabled-focusable/retro/app/app.html     |  6 +-----
 .../aria/tree/src/multi-select/basic/app/app.html      |  6 +-----
 .../aria/tree/src/multi-select/retro/app/app.html      |  6 +-----
 .../examples/aria/tree/src/nav/basic/app/app.html      | 10 +++-------
 .../src/single-select-follow-focus/basic/app/app.html  |  6 +-----
 .../src/single-select-follow-focus/retro/app/app.html  |  6 +-----
 .../aria/tree/src/single-select/retro/app/app.html     |  6 +-----
 13 files changed, 18 insertions(+), 72 deletions(-)

diff --git a/adev/src/content/examples/aria/grid/src/calendar/basic/app/app.html b/adev/src/content/examples/aria/grid/src/calendar/basic/app/app.html
index 621772af2b5..d1ac8e9c4f1 100644
--- a/adev/src/content/examples/aria/grid/src/calendar/basic/app/app.html
+++ b/adev/src/content/examples/aria/grid/src/calendar/basic/app/app.html
@@ -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>
 
diff --git a/adev/src/content/examples/aria/grid/src/calendar/material/app/app.html b/adev/src/content/examples/aria/grid/src/calendar/material/app/app.html
index 255432de793..d0205cc246e 100644
--- a/adev/src/content/examples/aria/grid/src/calendar/material/app/app.html
+++ b/adev/src/content/examples/aria/grid/src/calendar/material/app/app.html
@@ -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>
 
diff --git a/adev/src/content/examples/aria/grid/src/calendar/retro/app/app.html b/adev/src/content/examples/aria/grid/src/calendar/retro/app/app.html
index 568d002b71d..874a8922233 100644
--- a/adev/src/content/examples/aria/grid/src/calendar/retro/app/app.html
+++ b/adev/src/content/examples/aria/grid/src/calendar/retro/app/app.html
@@ -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>
 
diff --git a/adev/src/content/examples/aria/grid/src/table/basic/app/app.html b/adev/src/content/examples/aria/grid/src/table/basic/app/app.html
index 1a84a765a8d..a1a6c9501eb 100644
--- a/adev/src/content/examples/aria/grid/src/table/basic/app/app.html
+++ b/adev/src/content/examples/aria/grid/src/table/basic/app/app.html
@@ -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>
diff --git a/adev/src/content/examples/aria/grid/src/table/retro/app/app.html b/adev/src/content/examples/aria/grid/src/table/retro/app/app.html
index fc49f76d2cd..c255a160cf4 100644
--- a/adev/src/content/examples/aria/grid/src/table/retro/app/app.html
+++ b/adev/src/content/examples/aria/grid/src/table/retro/app/app.html
@@ -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>
diff --git a/adev/src/content/examples/aria/tree/src/disabled-focusable/basic/app/app.html b/adev/src/content/examples/aria/tree/src/disabled-focusable/basic/app/app.html
index d30b93294f6..9710d95df31 100644
--- a/adev/src/content/examples/aria/tree/src/disabled-focusable/basic/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/disabled-focusable/basic/app/app.html
@@ -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>
diff --git a/adev/src/content/examples/aria/tree/src/disabled-focusable/retro/app/app.html b/adev/src/content/examples/aria/tree/src/disabled-focusable/retro/app/app.html
index 804c33bbd09..e030d2fcdb4 100644
--- a/adev/src/content/examples/aria/tree/src/disabled-focusable/retro/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/disabled-focusable/retro/app/app.html
@@ -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>
diff --git a/adev/src/content/examples/aria/tree/src/multi-select/basic/app/app.html b/adev/src/content/examples/aria/tree/src/multi-select/basic/app/app.html
index 223c13a6675..f2279ff5dc5 100644
--- a/adev/src/content/examples/aria/tree/src/multi-select/basic/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/multi-select/basic/app/app.html
@@ -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>
diff --git a/adev/src/content/examples/aria/tree/src/multi-select/retro/app/app.html b/adev/src/content/examples/aria/tree/src/multi-select/retro/app/app.html
index ae68aaf3a15..e1f248100ca 100644
--- a/adev/src/content/examples/aria/tree/src/multi-select/retro/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/multi-select/retro/app/app.html
@@ -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>
diff --git a/adev/src/content/examples/aria/tree/src/nav/basic/app/app.html b/adev/src/content/examples/aria/tree/src/nav/basic/app/app.html
index 2c54796f547..9abcab079cc 100644
--- a/adev/src/content/examples/aria/tree/src/nav/basic/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/nav/basic/app/app.html
@@ -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' : ''
diff --git a/adev/src/content/examples/aria/tree/src/single-select-follow-focus/basic/app/app.html b/adev/src/content/examples/aria/tree/src/single-select-follow-focus/basic/app/app.html
index c10a1ea9e41..1ae156895da 100644
--- a/adev/src/content/examples/aria/tree/src/single-select-follow-focus/basic/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/single-select-follow-focus/basic/app/app.html
@@ -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>
diff --git a/adev/src/content/examples/aria/tree/src/single-select-follow-focus/retro/app/app.html b/adev/src/content/examples/aria/tree/src/single-select-follow-focus/retro/app/app.html
index be8b03b9f1a..64c8639f70a 100644
--- a/adev/src/content/examples/aria/tree/src/single-select-follow-focus/retro/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/single-select-follow-focus/retro/app/app.html
@@ -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>
diff --git a/adev/src/content/examples/aria/tree/src/single-select/retro/app/app.html b/adev/src/content/examples/aria/tree/src/single-select/retro/app/app.html
index 804c33bbd09..e030d2fcdb4 100644
--- a/adev/src/content/examples/aria/tree/src/single-select/retro/app/app.html
+++ b/adev/src/content/examples/aria/tree/src/single-select/retro/app/app.html
@@ -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>