Difference between revisions of "ARIA Live property"

From Level Access Web Labs
Jump to navigation Jump to search
Line 11: Line 11:
 
   <h1>ARIA (Accessible Rich Internet Applications) Live Regions</h1>
 
   <h1>ARIA (Accessible Rich Internet Applications) Live Regions</h1>
 
   <hr>
 
   <hr>
   <div aria-label="live region label" id="LiveRegion1" aria-live="polite" aria-relevant="text" aria-atomic="false"></div>
+
   <div aria-label="live region label" id="LiveRegion1" aria-live="polite" aria-relevant="all" aria-atomic="false"></div>
 
   <hr>
 
   <hr>
 
<h2>Controls</h2>
 
<h2>Controls</h2>

Revision as of 19:06, 8 December 2017

The news story number below will cycle from 1 to 4 and then back to 1. Use the radio buttons below the "Controls" heading to adjust the type of live region being used.

Roy Aria Live Regions

ARIA (Accessible Rich Internet Applications) Live Regions



Controls

aria-live=
aria-atomic
Role