diff options
Diffstat (limited to 'docs/javascript/modal.md')
| -rw-r--r-- | docs/javascript/modal.md | 40 |
1 files changed, 32 insertions, 8 deletions
diff --git a/docs/javascript/modal.md b/docs/javascript/modal.md index 6cc34fdab..8a3b91e88 100644 --- a/docs/javascript/modal.md +++ b/docs/javascript/modal.md @@ -35,7 +35,10 @@ A rendered modal with header, body, and set of actions in the footer.</p> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> @@ -55,7 +58,10 @@ A rendered modal with header, body, and set of actions in the footer.</p> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> @@ -79,7 +85,10 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> @@ -131,7 +140,10 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> @@ -195,7 +207,10 @@ Modals have two optional sizes, available via modifier classes to be placed on a <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="myLargeModalLabel">Large modal</h4> </div> <div class="modal-body"> @@ -210,7 +225,10 @@ Modals have two optional sizes, available via modifier classes to be placed on a <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="mySmallModalLabel">Small modal</h4> </div> <div class="modal-body"> @@ -243,7 +261,10 @@ Have a bunch of buttons that all trigger the same modal, just with slightly diff <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="exampleModalLabel">New message</h4> </div> <div class="modal-body"> @@ -276,7 +297,10 @@ Have a bunch of buttons that all trigger the same modal, just with slightly diff <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + <span class="sr-only">Close</span> + </button> <h4 class="modal-title" id="exampleModalLabel">New message</h4> </div> <div class="modal-body"> |