Difference between revisions of "MikeS redundant markup"

From Level Access Web Labs
Jump to navigation Jump to search
Line 3: Line 3:
  
 
<h2>Standard image markup</h2>
 
<h2>Standard image markup</h2>
<img id="back-of-id-img" alt="example of back of state ID" src="https://www.webaccessibility.com/wp-content/uploads/2021/05/elevin-is-free-2.png">
+
<img id="back-of-id-img" alt="Hi I am an alt attribute" src="https://www.webaccessibility.com/wp-content/uploads/2021/05/elevin-is-free-2.png">
  
 
<h2>Redundant role and alt text</h2>
 
<h2>Redundant role and alt text</h2>
<img id="back-of-id-img" alt="" role="img" aria-label="example of back of state ID" src="https://www.webaccessibility.com/wp-content/uploads/2021/05/elevin-is-free-2.png">
+
<img id="back-of-id-img" alt="" role="img" aria-label="is there a good reason why VoiceOver skips over me?" src="https://www.webaccessibility.com/wp-content/uploads/2021/05/elevin-is-free-2.png">
  
 
<h2>fin</h2>
 
<h2>fin</h2>

Revision as of 01:03, 7 October 2021

Standard image markup

Hi I am an alt attribute

Redundant role and alt text

fin