From 686d199d85bc9518eec091ddfb1d4fc9d31f1634 Mon Sep 17 00:00:00 2001
From: yogeshwaran-c <ycyogesh183@gmail.com>
Date: Tue, 24 Feb 2026 00:32:22 +0530
Subject: [PATCH 1/2] fix(material/table): add aria-expanded to expandable rows
 example

The expandable rows table example did not convey the expanded/collapsed
state to assistive technology. Add aria-expanded to the toggle button
so screen readers announce whether a row is expanded, and update the
aria-label dynamically to reflect the current state.

Closes #15020
---
 .../table-expandable-rows/table-expandable-rows-example.html   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.html b/src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.html
index fb9c012b99d2..bb9fb163cd0d 100644
--- a/src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.html
+++ b/src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.html
@@ -12,7 +12,8 @@
     <td mat-cell *matCellDef="let element">
       <button
         matIconButton
-        aria-label="expand row"
+        [attr.aria-label]="isExpanded(element) ? 'collapse row' : 'expand row'"
+        [attr.aria-expanded]="isExpanded(element)"
         (click)="toggle(element); $event.stopPropagation()"
         class="example-toggle-button"
         [class.example-toggle-button-expanded]="isExpanded(element)">

From a27717704077badb070ee35209207ec19da6572c Mon Sep 17 00:00:00 2001
From: yogeshwaran-c <ycyogesh183@gmail.com>
Date: Tue, 24 Feb 2026 01:34:13 +0530
Subject: [PATCH 2/2] fix(material/table): use native aria attribute bindings
 per review feedback

---
 .../table-expandable-rows/table-expandable-rows-example.html  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.html b/src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.html
index bb9fb163cd0d..f9aa1e16b5e2 100644
--- a/src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.html
+++ b/src/components-examples/material/table/table-expandable-rows/table-expandable-rows-example.html
@@ -12,8 +12,8 @@
     <td mat-cell *matCellDef="let element">
       <button
         matIconButton
-        [attr.aria-label]="isExpanded(element) ? 'collapse row' : 'expand row'"
-        [attr.aria-expanded]="isExpanded(element)"
+        [aria-label]="isExpanded(element) ? 'collapse row' : 'expand row'"
+        [aria-expanded]="isExpanded(element)"
         (click)="toggle(element); $event.stopPropagation()"
         class="example-toggle-button"
         [class.example-toggle-button-expanded]="isExpanded(element)">