Difference between revisions of "MikeS redundant markup"

From Level Access Web Labs
Jump to navigation Jump to search
Line 8: Line 8:
 
<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">
 
<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>Results</h2>
 +
<p>TalkBack reads both images, but iOS VoiceOver only reads the standard markup version</p>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:05, 7 October 2021

Standard image markup

Hi I am an alt attribute

Redundant role and alt text

Results

TalkBack reads both images, but iOS VoiceOver only reads the standard markup version