I just published “Managing Heading Levels In Design Systems”https://medium.com/p/managing-heading-levels-in-design-systems-18be9a746fa3 …
Great read, Haydon; and an issue we keep discussing here. Question: is <h1> destined to be used once and for the site title and site title alone if the site title is displayed on every page?
-
-
Hey Aral! There should only one <h1> and it should describe the unique page, not the site. The <title> is best as a combo of the site name and text similar to the <h1>. Like: <title>Aral's site | You may have recently noticed I was right about Facebook</title>.
-
Hah, nice title :) I meant if you want to display the site name visually. e.g., header of a blog with the name of the person that the blog belongs to. A common dilemma: is that the h1 and all article titles h2s? Doesn’t feel right. But hierarchy-wise site name is higher…

-
Oh right! No, the visual site name would probably be the logo/text as the first link of the navigation region (or similar). In other words, the logo could be prominent, but not he <h1>.
-
Gotcha: because the visual hierarchy doesn’t have to mirror the semantic hierarchy and the page heading has semantic precedence over the site name. Makes perfect sense; merci.
-
In addition, as per HTML5, it's totally cool to have multiple <h1> tags when there's one in each <article> tag on a page. :)https://youtu.be/WsgrSxCmMbM
-
Last I checked though, assistive technology still doesn't parse multiple H1s, has this changed for the better now?
-
Nope. It has not.
-
Figures. They do as best they can, we really need to build better web quite frankly and educate clients about content management more
- 1 more reply
New conversation -
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.