diff --git a/packages/html/src/pivotgrid/pivotgrid.spec.tsx b/packages/html/src/pivotgrid/pivotgrid.spec.tsx
index f23ee47cffb..f5d51452820 100644
--- 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
index 24d0afed21b..c30c3aca47c 100644
--- 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>