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" href="#">
+
<a aria-label="this image link has aria-label and enclosed image has alt. this is the aria-label." href="#">
<img alt="alt text here" src="https://www.levelaccess.com/wp-content/uploads/2017/04/logo.png"></a>
+
<img alt="this is image alt text" 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" href="#">Olallieberry</a>
+
<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 image link has aria-label and enclosed image has null alt" href="#">
 
<a aria-label="this image link has aria-label and enclosed image has null alt" href="#">
 
<br><br>
 
<br><br>

Revision as of 23:27, 18 October 2018

aria-label variants

this is image alt text

Olallieberry