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

From Level Access Web Labs
Jump to navigation Jump to search
Line 21: Line 21:
  
 
   <div class="box">
 
   <div class="box">
   <p>Link with text and span with aria-hidden true.</p>
+
   <p>Link with text and span with aria-hidden true. aria-labelledby not used.</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>

Revision as of 17:27, 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. aria-labelledby not used.

Google

Accessible name for above should be "Google".