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.