Difference between revisions of "Accessible name calc"

From Level Access Web Labs
Jump to navigation Jump to search
Line 20: Line 20:
 
<h2>Image with aria-labelledby with multiple id refs/h2>
 
<h2>Image with aria-labelledby with multiple id refs/h2>
 
<div>  
 
<div>  
   <img src=”test.gif” aria-labelledby=”a1 a2” >  
+
   <img src="test.gif" aria-labelledby="a1 a2" >  
   <span id=”a1”> Hello </span>
+
   <span id="a1"> Hello </span>
   <span id=”a2”> Here </span>
+
   <span id="a2"> Here </span>
 
</div>
 
</div>
  

Revision as of 15:11, 29 November 2016

Image with aria-label and alt

hello

having an accessible name of “here”.

Image with space for aria-label and alt

hello

having an accessible name of “ ”.

Image with null for aria-label and alt

hello

having an accessible name of “hello”.

Image with aria-labelledby with multiple id refs/h2>
Hello Here

Link with pseudo content

click here

Link referencing aria-labelledby with pseudo content

click here
pool