jQueryUI accessible .dialog() demo

This is a demo of the accessible dialog.

Launch Dialog (basic) - This will launch a basic dialog. Since it is non-modal, none of the accessibility enhancements apply

Launch Dialog (animated)- This will launch a basic dialog that is animated. Since it is non-modal, none of the accessibility enhancements apply

Launch Dialog (Form container) - this will launch a dialog with a form in it. It is modal and receives all of our accessibility stuff

Launch Dialog (message) - this will launch a text dialog. It is modal and receives all of our accessibility stuff. It also has a custom role.

Checkbox

Color

Date

Datetime

Datetime-local

File

month

number

Password

Radio

Tel

Text

Time

URL

week

Select

Textarea

This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon. It also has a linkin it

Your files have downloaded successfully into the My Downloads folder.

Currently using 36% of your storage space.

All form fields are required.

This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.