Difference between revisions of "Dialog Element"

From Level Access Web Labs
Jump to navigation Jump to search
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
  <div style="width:40%; border:solid;">
+
  <div>
  <dialog aria-labelledby="d1">
+
<button onclick="document.getElementById('dialog1').setAttribute('open','open');">Open dialog</button>
 +
  <dialog aria-modal="true" aria-labelledby="d1" id="dialog1">
 
   <div id="d1" style="text-align:center;">Do you need more time?</div>
 
   <div id="d1" style="text-align:center;">Do you need more time?</div>
 
   <div style="text-align:center;">
 
   <div style="text-align:center;">
     <button> Yes </button>
+
     <button onclick="document.getElementById('dialog1').removeAttribute('open');"> Yes </button>
     <button> No </button>
+
     <button onclick="document.getElementById('dialog1').removeAttribute('open');"> No </button>
 
   </div>
 
   </div>
 
  </dialog>
 
  </dialog>
 
</div>
 
</div>
 
</html>
 
</html>
 +
==Test results for Dialog Element==
 +
JAWS does not announce the role of dialog for the HTML5 Dialog element.  NVDA does annoucne it.  JAWS and NVDA do not appear to take advantage of the aria-modal property.
 
[[Category:Elements]]
 
[[Category:Elements]]
 
[[Category:HTML5]]
 
[[Category:HTML5]]

Latest revision as of 16:22, 9 February 2022

Do you need more time?

Test results for Dialog Element

JAWS does not announce the role of dialog for the HTML5 Dialog element. NVDA does annoucne it. JAWS and NVDA do not appear to take advantage of the aria-modal property.