Difference between revisions of "Role dialog with and without aria label"

From Level Access Web Labs
Jump to navigation Jump to search
 
Line 6: Line 6:
 
   <div role="dialog" aria-label="Settings">
 
   <div role="dialog" aria-label="Settings">
 
     This is a dialog with aria-label
 
     This is a dialog with aria-label
 +
    <button> Inert</button>
 +
  </div>
 +
  <div role="dialog" aria-label="Settings" aria-modal="true">
 +
    This is a dialog with aria-modal true and aria-label.
 
     <button> Inert</button>
 
     <button> Inert</button>
 
   </div>
 
   </div>
 
  </html>
 
  </html>

Latest revision as of 23:43, 23 July 2020

This is a dialog without aria-label
This is a dialog with aria-label
This is a dialog with aria-modal true and aria-label.