Difference between revisions of "ARIA Relevant property"

From Level Access Web Labs
Jump to navigation Jump to search
 
(8 intermediate revisions by the same user not shown)
Line 29: Line 29:
 
     <script type="text/javascript">
 
     <script type="text/javascript">
 
       var i = 1;
 
       var i = 1;
       function removals() {
+
       function additions() {
 
         var bl_a = document.getElementById('bl_a');
 
         var bl_a = document.getElementById('bl_a');
 
         var d = document.createElement('div');
 
         var d = document.createElement('div');
 
         d.textContent = "Friend" + i;
 
         d.textContent = "Friend" + i;
 
         i++;
 
         i++;
         bl_a.appendChild(node);
+
         bl_a.appendChild(d);
 
       }
 
       }
 
     </script>
 
     </script>
Line 44: Line 44:
 
     <div id="e3">Peaches</div>
 
     <div id="e3">Peaches</div>
 
   </div>
 
   </div>
   <button onclick="removals();"> Test Additions </button>
+
   <button onclick="additions();"> Test Additions </button>
 
</html>
 
</html>
 +
 +
==Text==
 +
 +
<html>
 +
  <head>
 +
    <script type="text/javascript">
 +
      function text() {
 +
        var bl_b = document.getElementById('bl_b');
 +
        d = new Date();
 +
        bl_b.textContent = d.toTimeString();
 +
      }
 +
    </script>
 +
  </head>
 +
  <div><b>Time:</b></div>
 +
  <div aria-live="polite" aria-relevant="text" id="bl_b" style="padding: .5em; width:5em; border:thin solid;">
 +
  </div>
 +
  <button onclick="text();"> Test Text </button>
 +
</html>
 +
 +
[[Category:ARIA]]

Latest revision as of 01:13, 1 March 2015

  • aria-relevant uses a list of space separated possible values: removals, additions, text, or a single "all".

Removals

Buddy List:
Bill
Jack
Peaches

Additions

Buddy List:
Bill
Jack
Peaches

Text

Time: