Difference between revisions of "MikeS aria-label"

From Level Access Web Labs
Jump to navigation Jump to search
(Created page with "<html> <body> <h3>aria-label variants</h3> <a aria-label="link with aria-label and image alt" href="#"> <img alt="alt text here" src="https://www.levelaccess.com/wp-content/u...")
 
Line 3: Line 3:
  
 
<h3>aria-label variants</h3>
 
<h3>aria-label variants</h3>
<a aria-label="link with aria-label and image alt" href="#">
+
 
 +
<a aria-label="this image link has aria-label and enclosed image has alt" href="#">
 
<img alt="alt text here" src="https://www.levelaccess.com/wp-content/uploads/2017/04/logo.png"></a>
 
<img alt="alt text here" src="https://www.levelaccess.com/wp-content/uploads/2017/04/logo.png"></a>
 
<br><br>
 
<br><br>
<a aria-label="link with aria-label and null image alt" href="#">
+
<a aria-label="this text link has aria-label and standard inner text" href="#">Olallieberry</a>
 +
<a aria-label="this image link has aria-label and enclosed image has null alt" href="#">
 +
<br><br>
 
<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>
  

Revision as of 23:22, 18 October 2018

aria-label variants

alt text here

Olallieberry