Difference between revisions of "Modal dialog with ARIA"

From Level Access Web Labs
Jump to navigation Jump to search
m
m
Line 130: Line 130:
 
   </div>
 
   </div>
  
   <div role="dialog" tabindex="-1" id="dialog1" aria-labelledby="dialog1Title" aria-describedby="dialog1Desc" aria-modal="true" class="dialog-hide" hidden>
+
   <div role="region" tabindex="-1" id="dialog1" aria-labelledby="dialog1Title" aria-describedby="dialog1Desc" aria-modal="true" class="dialog-hide" hidden>
 
     <!-- Mark the beginning of the dialog
 
     <!-- Mark the beginning of the dialog
 
         NOTE: If the Javascript applies "aria-hidden" to ALL of the rest of the page content,
 
         NOTE: If the Javascript applies "aria-hidden" to ALL of the rest of the page content,

Revision as of 02:22, 10 November 2017

Example

Note - not implemented:

  • Constraining keyboard focus within the modal dialog


...

...