Skip to content

Commit 6bd5a0d

Browse files
committed
fix(material/dialog): dialog name on mac only using aria-label
Fixes bug with Angular Components Dialog component on Mac whether using Chrome or Firefox the screenreader does not read the dialog name/title unless it is using an aria-label. Updates the dialog-content-directives to read/apply the aria- labelledby and aria-describedby values if they exist. Fixes b/274674581
1 parent 7cb6f31 commit 6bd5a0d

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

src/material/dialog/dialog-content-directives.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,8 @@ let dialogElementUid = 0;
3434
host: {
3535
'(click)': '_onButtonClick($event)',
3636
'[attr.aria-label]': 'ariaLabel || null',
37+
'[attr.aria-labelledby]': 'ariaLabelledBy || null',
38+
'[attr.aria-describedby]': 'ariaDescribedBy || null',
3739
'[attr.type]': 'type',
3840
},
3941
})

0 commit comments

Comments
 (0)