From 91fbe764829c80ae93d5c896b28dd6a4d523812a Mon Sep 17 00:00:00 2001
From: Zach Arend <zarend@users.noreply.github.com>
Date: Tue, 6 Jun 2023 09:40:56 -0700
Subject: [PATCH] fix(material/core): Fix MacOS Hover feature compatibility
 with optgroup (#27239)

Corrects ARIA semantics for the mat-optgroup component. Add
role="presentation" to the label and remove aria-hidden="true" from the
label.

Fix compatibility issue with MAC Hover text a11y feature angular#27080. The
label of the option group does not need to be aria-hidden, and the Mac
Hover text feature seems to rely on it.

Previous PR#27081 fixed this issue for legacy component. This PR fixes it for
the non-legacy optgroup component.

Fix angular#27080
---
 src/material/core/option/optgroup.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/material/core/option/optgroup.html b/src/material/core/option/optgroup.html
index 30b97b4a0f32..6fbc80f6bacc 100644
--- a/src/material/core/option/optgroup.html
+++ b/src/material/core/option/optgroup.html
@@ -1,6 +1,6 @@
 <span
   class="mat-mdc-optgroup-label"
-  aria-hidden="true"
+  role="presentation"
   [class.mdc-list-item--disabled]="disabled"
   [id]="_labelId">
   <span class="mdc-list-item__primary-text">{{ label }} <ng-content></ng-content></span>