From 7f189ae8124afdfb3002718944460b90712dc432 Mon Sep 17 00:00:00 2001
From: atharvkulkarni2002 <atharvkulkarni378@gmail.com>
Date: Thu, 5 Dec 2024 17:47:38 +0530
Subject: [PATCH] fix: fixed accessibility for pf-table

---
 elements/pf-table/pf-th.ts | 2 +-
 elements/pf-table/pf-tr.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/elements/pf-table/pf-th.ts b/elements/pf-table/pf-th.ts
index ed95cee6ed..0c01d28bc2 100644
--- a/elements/pf-table/pf-th.ts
+++ b/elements/pf-table/pf-th.ts
@@ -51,7 +51,7 @@ export class PfTh extends LitElement {
     const closestThead = this.closest('pf-thead');
     const closestTable = this.closest('pf-table');
     const isChildOfThead = !!closestThead && !!closestTable?.contains(closestThead);
-    const role = isChildOfThead ? 'colheader' : 'rowheader';
+    const role = isChildOfThead ? 'columnheader' : 'rowheader';
     this.setAttribute('role', role);
   }
 
diff --git a/elements/pf-table/pf-tr.ts b/elements/pf-table/pf-tr.ts
index 9193dba0ae..1e2626d7ec 100644
--- a/elements/pf-table/pf-tr.ts
+++ b/elements/pf-table/pf-tr.ts
@@ -110,6 +110,7 @@ export class PfTr extends LitElement {
           <pf-button id="toggle-button"
                      aria-expanded=${String(this.expanded) as 'true' | 'false'}
                      plain
+                     label="Expand Button"
                      @click=${this.#onClick}>
             <pf-icon id="toggle-icon"
                      icon="angle-right"