Difference between revisions of "Dialog Element"

From Level Access Web Labs
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user 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>
Line 11: Line 12:
 
</html>
 
</html>
 
==Test results for Dialog Element==
 
==Test results for Dialog Element==
None of the screen reders announce the role of dialog for the HTML5 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.