Difference between revisions of "MikeS aria-label"

From Level Access Web Labs
Jump to navigation Jump to search
Line 4: Line 4:
 
<h3>aria-label variants</h3>
 
<h3>aria-label variants</h3>
  
<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 text that is different. this is the aria-label." href="#">
 
<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>
 
<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>
 
<br><br>
 
<br><br>
<a aria-label="this image link has aria-label and enclosed image has null alt. this is the aria-label." href="#">
+
<a aria-label="this image link has aria-label and enclosed image has a null alt. this is the aria-label." href="#">
 
<img alt="" src="https://www.levelaccess.com/wp-content/uploads/2017/04/logo.png"></a>
 
<img alt="" src="https://www.levelaccess.com/wp-content/uploads/2017/04/logo.png"></a>
 
<br><br>
 
<br><br>

Revision as of 23:41, 18 October 2018