Difference between revisions of "ARIA Dialog Role with modal true"
Jump to navigation
Jump to search
Line 52: | Line 52: | ||
</body> | </body> | ||
</html> | </html> | ||
− | * JAWS 18 hides other content outside no matter what aria-modal is set to. | + | * JAWS 18 (Firefox) hides other content outside no matter what aria-modal is set to. |
+ | * NVDA 2017.2 (Firefox) hides other content outside no matter what aria-modal is set to. | ||
* iOS with VoiceOver 10+->10.3.3 attempts to block access to content outside the modal but fails by prevent access to some of the dialog as well! | * iOS with VoiceOver 10+->10.3.3 attempts to block access to content outside the modal but fails by prevent access to some of the dialog as well! | ||
[[Category:ARIA]] | [[Category:ARIA]] |
Revision as of 16:49, 9 June 2017
Notes
This example provides a popup with a role of dialog with an aria-labelledby and aria-describedby reference. Focus is not restricted to the dialog in this example.
Don't set focus to role dialog as screen reader virtual cursor is not working right with arrows if focus is set to role dialog.
Warning: aria-modal="true" causes huge problems with iOS 10.x/10.2. If it is added the dialog title and instructions are not accessible in the reading order.
Example
Settings
Use these settings to control your account.
- JAWS 18 (Firefox) hides other content outside no matter what aria-modal is set to.
- NVDA 2017.2 (Firefox) hides other content outside no matter what aria-modal is set to.
- iOS with VoiceOver 10+->10.3.3 attempts to block access to content outside the modal but fails by prevent access to some of the dialog as well!