|Summary:||When aria-modal is set to true VoiceOver does not read the static content in the popupAX:|
|Severity:||Critical||CC:||achintamkarmakar, ap, bailhard, bell621iran, Carolyn_MacLeod, catt.communications, cfleizach, finleyreo, henryjonesuk147, jcraig, marvelson, pamijiv595, simon.fraser, stephen, vovep92957, webkit-bug-importer, whiteadam102, wohay98163|
|Version:||WebKit Nightly Build|
|Hardware:||iPhone / iPad|
Description Mohith 2017-07-19 21:58:37 PDT
When aria-modal=”true” the static content in the modal popup / dialog is not read by the VoiceOver at all. This causes the following issues: 1. If there is any static text running more than a line user cannot read and understand. We can make it announce with aria-describedby but users cannot check the spelling, punctuation, etc. 2. Error messages displayed next to the form control are no longer read by the VO while correcting the mistakes. If the aria-modal property is removed from the popup, the static text and the error messages displayed next to the form controls are properly read by VoiceOver. However removing the aria-modal makes the VoiceOver read the content out of the popup which is a frustrating user experience.
Comment 14 James Craig 2020-01-13 17:48:14 PST
So that we're all on the same page, are you able to attach a reduced test case? I could create one, but I'd be making some assumptions about what you intend. For example, some people use "popup" to mean fly out menus similar to html:select. Others use "popup" to mean contextual dialogs similar to what is called a "popover" on iOS.
Comment 15 James C 2020-05-06 09:29:45 PDT
(In reply to James Craig from comment #14) > So that we're all on the same page, are you able to attach a reduced test > case? I could create one, but I'd be making some assumptions about what you > intend. For example, some people use "popup" to mean fly out menus similar > to html:select. Others use "popup" to mean contextual dialogs similar to > what is called a "popover" on iOS. This refers to dialogs, not selects. More info is available here: https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/ And you should be able to reproduce this issue with the sample dialog here: https://www.w3.org/TR/wai-aria-practices-1.1/examples/dialog-modal/dialog.html
Comment 16 James C 2020-05-06 09:32:19 PDT
PS: note that this issue has been reported to exist on both MacOS and iOS.