Artboard 16light, inspiration, solution, idea, innovation,ionicons-v5_logosGoogle Sheets iconSwift icon
Published at
Updated at
Reading time
1min
This post is part of my Today I learned series in which I share all my web development learnings.

Semantic HTML is the foundation of accessible websites. Correct and meaningful elements enable assistive technology to provide a site's information in a different form or shape. A screen reader, for example, takes a site and reads it out for the visitor. These cases show why semantic HTML matters!

And yet here I am after all these years of advocating for using strong (strong importance, seriousness, or urgency) and em (stress emphasis) instead of b (bold) and i (idiomatic text โ€“ italic), only to learn that screen readers don't announce strong or em.

And while I'm not a daily screen reader user, and VoiceOver isn't the only one out there, a quick test on my Mac proves it.

Screen reader example not announcing strong or em elements.

Martin Underhill shares more resources on his blog if you want to learn more.

Was this TIL post helpful?
Yes? Cool! You might want to check out Web Weekly for more quick learnings. The last edition went out 14 days ago.

Related Topics

Related Articles