Dialog Role

Previous contentinfo role

A dialog is an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response. A dialog role is almost equal to an alertdialog role.

A dialog role is also used to alert the user with a message. Unlike alert role user can interact with the message. The initial focus goes to an element in the alert and user can navigate within the dialog box using keyboard and mouse. Developers should take care that the keyboard and mouse interactions are within the dialog when it is opened. Provide the alert message to the user with aria-describedby property to ensure that the message is conveyed to the screen reader user. In some cases user need to enter some information in the dialog box and hit ok button to proceed further. In such cases the input fields should have proper label. Use aria-label or aria-labeledby property for providing the appropriate label.

Next Doccument role

Leave a comment

Contact Us

Maxability Pvt Ltd Flat 360,
Block D2 SLS Signature Appartments,
Kaverappa Layout, Kadubeesanahalli,
Bangalore - 560103.

914 823 3361