Slightly expand accessible modals callout

to include a note about `role="document"`

diff --git a/docs/_includes/js/modal.html b/docs/_includes/js/modal.html
index 0c2f64f8629603d898fcb006e7ce0d9d2303c5a8..bdecb1eff6b2ec2eb98ab928e94fd6b7d82f4ed8 100644 (file)
--- a/docs/_includes/js/modal.html
+++ b/docs/_includes/js/modal.html
@@ -141,7 +141,7 @@ $('#myModal').on('shown.bs.modal', function () {
 
   <div class="bs-callout bs-callout-warning" id="callout-modal-accessibility">
     <h4>Make modals accessible</h4>
-    <p>Be sure to add <code>role="dialog"</code> to <code>.modal</code>, <code>aria-labelledby="myModalLabel"</code> attribute to reference the modal title.</p>
+    <p>Be sure to add <code>role="dialog"</code> and <code>aria-labelledby="..."</code>, referencing the modal title, to <code>.modal</code>, and <code>role="document"</code> to the <code>.modal-dialog</code>  itself.</p>
     <p>Additionally, you may give a description of your modal dialog with <code>aria-describedby</code> on <code>.modal</code>.</p>
   </div>