Make modals accessible
Be sure to add role="dialog" to .modal, aria-labelledby="myModalLabel" attribute to reference the modal title, and aria-hidden="true" to tell assistive technologies to skip the modal's DOM elements.
Additionally, you may give a description of your modal dialog with aria-describedby on .modal.
| Available Type | Demo |
|---|---|
| Basic Modal | |
| Modal Large | |
| Modal Small | |
| Full Width | |
| Remote Content | Show modal |
| Customize Modal | |
| Stackable | Show modal |