Attila Vágó
Jul 22, 2022

--

So, on medium it's a <h2>, and that's where the problems start. It should either be a <p> or a link <a href>. From a web perspective the kicker is nothing more than a category so it should be marked up as such. Additionally, it's worth noting that the position in the DOM of the <h1> isn't something we ought to care much about. All screen readers really want is a well-defined tree. Give that to the user, and they'll navigate just fine by headings regardless of what order they're in.

--

--

Attila Vágó
Attila Vágó

Written by Attila Vágó

Staff software engineer, tech writer, author and opinionated human. LEGO and Apple fan. Accessibility advocate. Life enthusiast. Living in Dublin, Ireland. ☘️

Responses (1)