Difference between revisions of "MikeS aria-label"

From Level Access Web Labs
Jump to navigation Jump to search
Line 5: Line 5:
  
 
<a aria-label="this image link has aria-label and enclosed image has alt. this is the aria-label." href="#">
 
<a aria-label="this image link has aria-label and enclosed image has alt. this is the aria-label." href="#">
<img alt="this is image alt text" src="https://www.levelaccess.com/wp-content/uploads/2017/04/logo.png"></a>
+
<img alt="this is image alt text being read despite the aria-label in the link tag" src="https://www.levelaccess.com/wp-content/uploads/2017/04/logo.png"></a>
 
<br><br>
 
<br><br>
 
<a aria-label="this text link has aria-label and standard inner text. this is the aria-label." href="#">Olallieberry</a>
 
<a aria-label="this text link has aria-label and standard inner text. this is the aria-label." href="#">Olallieberry</a>

Revision as of 23:33, 18 October 2018