From 1a47213c443239860bbee373e198c95dac1f69b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Dudak?= <michal@mui.com>
Date: Wed, 6 Sep 2023 12:38:24 +0200
Subject: [PATCH] [docs] Fix a11y issues in tables demos (#38829)

---
 .../components/table-pagination/TableCustomized/css/index.js    | 2 +-
 .../components/table-pagination/TableCustomized/css/index.tsx   | 2 +-
 .../components/table-pagination/TableCustomized/system/index.js | 2 +-
 .../table-pagination/TableCustomized/system/index.tsx           | 2 +-
 .../table-pagination/TableCustomized/tailwind/index.js          | 1 +
 .../table-pagination/TableCustomized/tailwind/index.tsx         | 1 +
 docs/data/base/components/table-pagination/TableUnstyled.js     | 2 +-
 docs/data/base/components/table-pagination/TableUnstyled.tsx    | 2 +-
 docs/data/joy/components/table/TableSortAndSelection.js         | 2 +-
 docs/data/joy/components/table/TableSortAndSelection.tsx        | 2 +-
 10 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/docs/data/base/components/table-pagination/TableCustomized/css/index.js b/docs/data/base/components/table-pagination/TableCustomized/css/index.js
index 9c4d968a0688d6..994b5903883f8b 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/css/index.js
+++ b/docs/data/base/components/table-pagination/TableCustomized/css/index.js
@@ -51,7 +51,7 @@ export default function TableCustomized() {
 
             {emptyRows > 0 && (
               <tr style={{ height: 34 * emptyRows }}>
-                <td colSpan={3} />
+                <td colSpan={3} aria-hidden />
               </tr>
             )}
           </tbody>
diff --git a/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx
index c924d1d72ffb2a..1f0889da8ea348 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx
+++ b/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx
@@ -56,7 +56,7 @@ export default function TableCustomized() {
 
             {emptyRows > 0 && (
               <tr style={{ height: 34 * emptyRows }}>
-                <td colSpan={3} />
+                <td colSpan={3} aria-hidden />
               </tr>
             )}
           </tbody>
diff --git a/docs/data/base/components/table-pagination/TableCustomized/system/index.js b/docs/data/base/components/table-pagination/TableCustomized/system/index.js
index 28b28ed7c35e12..4eeca35e3a1cf8 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/system/index.js
+++ b/docs/data/base/components/table-pagination/TableCustomized/system/index.js
@@ -50,7 +50,7 @@ export default function TableCustomized() {
 
           {emptyRows > 0 && (
             <tr style={{ height: 34 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx
index 79ab5c877c8bd7..4f68884c57548a 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx
+++ b/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx
@@ -55,7 +55,7 @@ export default function TableCustomized() {
 
           {emptyRows > 0 && (
             <tr style={{ height: 34 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js
index fcf06917283581..63c12894c85d6c 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js
+++ b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js
@@ -82,6 +82,7 @@ export default function TableCustomized() {
               <td
                 className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5"
                 colSpan={3}
+                aria-hidden
               />
             </tr>
           )}
diff --git a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx
index 598013069e048b..64cacc74fff3a7 100644
--- a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx
+++ b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx
@@ -86,6 +86,7 @@ export default function TableCustomized() {
               <td
                 className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5"
                 colSpan={3}
+                aria-hidden
               />
             </tr>
           )}
diff --git a/docs/data/base/components/table-pagination/TableUnstyled.js b/docs/data/base/components/table-pagination/TableUnstyled.js
index d912e9c1e5f700..f633e5ee23abac 100644
--- a/docs/data/base/components/table-pagination/TableUnstyled.js
+++ b/docs/data/base/components/table-pagination/TableUnstyled.js
@@ -49,7 +49,7 @@ export default function TableUnstyled() {
           ))}
           {emptyRows > 0 && (
             <tr style={{ height: 41 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/base/components/table-pagination/TableUnstyled.tsx b/docs/data/base/components/table-pagination/TableUnstyled.tsx
index 0ee21b0a43fb31..7bbd97be29b9fb 100644
--- a/docs/data/base/components/table-pagination/TableUnstyled.tsx
+++ b/docs/data/base/components/table-pagination/TableUnstyled.tsx
@@ -54,7 +54,7 @@ export default function TableUnstyled() {
           ))}
           {emptyRows > 0 && (
             <tr style={{ height: 41 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/joy/components/table/TableSortAndSelection.js b/docs/data/joy/components/table/TableSortAndSelection.js
index fe5184e8430df3..2455a21333b4cf 100644
--- a/docs/data/joy/components/table/TableSortAndSelection.js
+++ b/docs/data/joy/components/table/TableSortAndSelection.js
@@ -401,7 +401,7 @@ export default function TableSortAndSelection() {
                 '--TableRow-hoverBackground': 'transparent',
               }}
             >
-              <td colSpan={6} />
+              <td colSpan={6} aria-hidden />
             </tr>
           )}
         </tbody>
diff --git a/docs/data/joy/components/table/TableSortAndSelection.tsx b/docs/data/joy/components/table/TableSortAndSelection.tsx
index af9c7ddc93376c..f063700890b412 100644
--- a/docs/data/joy/components/table/TableSortAndSelection.tsx
+++ b/docs/data/joy/components/table/TableSortAndSelection.tsx
@@ -445,7 +445,7 @@ export default function TableSortAndSelection() {
                 } as React.CSSProperties
               }
             >
-              <td colSpan={6} />
+              <td colSpan={6} aria-hidden />
             </tr>
           )}
         </tbody>