Using aria-alertdialog to Identify Errors with setTimeout for iOS
User Agent Notes
Supports this technique:
Does NOT support this technique:
The purpose of this technique is to alert people that an input error has occured. Using role="alertdialog" creates a modal notification that displays the following characteristics:
- aria-label or aria-labelledby attribute gives the alertdialog an accessible name.
- aria-describedby provides a reference to the text of the alert.
- The alertdialog contains at least one focusable control, and focus should be taken to that control when the alertdialog opens.
- The tab order is constrained within the alertdialog whilst it is open.
This example shows how role="alertdialog" can be used to notify someone they have entered invalid information.