Difference between revisions of "Dialog Element"
Jump to navigation
Jump to search
| (7 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | <div | + | <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
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.
