Difference between revisions of "Aria-labelledby aria-hidden"

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 
<html>
 
<html>
 +
  <p>aria-labelledby reference element with aria-hidden true</p>
 
   <a aria-labelledby="p1" href="http://www.google.com"> Google </a>
 
   <a aria-labelledby="p1" href="http://www.google.com"> Google </a>
 
   <p id="p1" aria-hidden="true"> Adobe </p>
 
   <p id="p1" aria-hidden="true"> Adobe </p>
 +
  <p>Accessible name for above should be "Adobe".</p>
  
 +
  <p>aria-labelledby reference element with text and span with aria-hidden true</p>
 
   <a aria-labelledby="p2" href="http://www.google.com"> Google </a>
 
   <a aria-labelledby="p2" href="http://www.google.com"> Google </a>
 
   <p id="p2"> Adobe <span aria-hidden="true"> systems </span> </p>
 
   <p id="p2"> Adobe <span aria-hidden="true"> systems </span> </p>
 +
  <p>Accessible name for above should be "Adobe".</p>
  
 
+
  <p>Link with text and span with aria-hidden true.</p>
 
   <a href="http://www.google.com"> Google
 
   <a href="http://www.google.com"> Google
 
   <span aria-hidden="true"> Adobe </span></a>
 
   <span aria-hidden="true"> Adobe </span></a>
 +
  <p>Accessible name for above should be "Google".</p>
  
 
</html>
 
</html>

Revision as of 17:23, 15 December 2016

aria-labelledby reference element with aria-hidden true

Google

Accessible name for above should be "Adobe".

aria-labelledby reference element with text and span with aria-hidden true

Google

Adobe

Accessible name for above should be "Adobe".

Link with text and span with aria-hidden true.

Google

Accessible name for above should be "Google".