Using aria-alertdialog to Identify Errors with setTimeout for iOS

User Agent Notes

Supports this technique:

Does NOT support this technique:

Support Notes:

Applicability

Description

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.

Example

This example shows how role="alertdialog" can be used to notify someone they have entered invalid information.