fix(html): add k-sr-only span inside empty pivotgrid cell

telerik · Nov 13, 2024 · 4099d8f · 4099d8f
1 parent b61c58a
commit 4099d8f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/html/src/pivotgrid/pivotgrid.spec.tsx b/packages/html/src/pivotgrid/pivotgrid.spec.tsx
@@ -18,7 +18,9 @@ export type KendoPivotGridProps = {
 };
 
 const defaultOptions = {
-    emptyCell: <span className="k-pivotgrid-empty-cell" />,
+    emptyCell: <span className="k-pivotgrid-empty-cell">
+                <span className="k-sr-only">PivotGrid component. Use the arrow keys to navigate.</span>
+            </span>,
     configuratorDisplay: "none",
     configuratorPosition: "right"
 };

diff --git a/packages/html/src/pivotgrid/tests/pivotgrid-cell-states.tsx b/packages/html/src/pivotgrid/tests/pivotgrid-cell-states.tsx
@@ -8,7 +8,9 @@ export default () => (
             <section>
                 <PivotGridNormal
                     emptyCell={
-                        <span className="k-pivotgrid-empty-cell k-focus" />
+                        <span className="k-pivotgrid-empty-cell k-focus">
+                            <span className="k-sr-only">PivotGrid component. Use the arrow keys to navigate.</span>
+                        </span>
                     }
                     rowHeaders={
                         <PivotGridTable>