aria-notify-body-announcement-manual.html (1255B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>ARIA Notify API Test: Body Element Announcement</title> 5 <link rel="help" href="https://github.com/w3c/aria/pull/2577"> 6 <link rel="author" title="Jacques Newman" href="mailto:janewman@microsoft.com"> 7 <script src="core-aam/arianotify/resources/aria-notify-helpers.js"></script> 8 </head> 9 <body> 10 <h1>ARIA Notify API Test: Body Element Announcement</h1> 11 <p>This test checks the behavior of the <code>ariaNotify</code> API with an announcement on the body element.</p> 12 13 <h2>Setup Instructions</h2> 14 <p><strong>Setup:</strong> Use a screen reader (NVDA, JAWS, VoiceOver, etc.) or other assistive technology that 15 supports the ARIA Notify API.</p> 16 <p><strong>Instructions:</strong> Click the "Run Test" button and listen for the announced text from your screen reader.</p> 17 18 <div> 19 <h3>Test: Simple Announcement on Body Element</h3> 20 <p><strong>Expected:</strong> Screen reader should announce "Body notification test"</p> 21 22 <button onclick="test()">Run Test</button> 23 <div id="status"></div> 24 25 <script> 26 function test() { 27 document.getElementById('status').textContent = tryCallAriaNotify(document.body, 'Body notification test'); 28 } 29 </script> 30 </div> 31 </body> 32 33 </html>