From 81737f75a11a955b3543c5d24b7927c07cd4c609 Mon Sep 17 00:00:00 2001
From: Zach Arend <zachzach@google.com>
Date: Fri, 10 Dec 2021 22:17:10 +0000
Subject: [PATCH] fix(material/datepicker): fix duplicate nav stop with
 Voiceover

Fixes double nav stops when navigating the calendar-body with voiceover
. Fixes this by putting `aria-hidden="true"` on the
`.mat-calendar-body-cell-preview`, since that element is only visual,
and is not for giving semantic info to the a11y tree.

fixes #24082
---
 src/material/datepicker/calendar-body.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/material/datepicker/calendar-body.html b/src/material/datepicker/calendar-body.html
index a59bd39774d8..ffdfef27c1cd 100644
--- a/src/material/datepicker/calendar-body.html
+++ b/src/material/datepicker/calendar-body.html
@@ -60,6 +60,6 @@
         [class.mat-calendar-body-today]="todayValue === item.compareValue">
         {{item.displayValue}}
       </div>
-      <div class="mat-calendar-body-cell-preview"></div>
+      <div class="mat-calendar-body-cell-preview" aria-hidden="true"></div>
   </td>
 </tr>