In this Hasty Treat, Scott and Wes talk about headings on your website, why you should care, how to structure your headings, and what tooling is there for testing your website?

Show Notes

• 00:26 Welcome
• 01:21 Syntax Brought to you by Sentry
• 01:41 Why do we care about Headings?
• How-to: Accessible heading structure - The A11Y Project

03:12 Heading design provides an outline for your website

08:45 Using H1 classes?

10:28 Is the logo an H1?

13:03 Giving an ARIA level

17:14 Can headings be visually hidden?

21:00 Benefits of good heading design

22:27 Tooling

Heading outlines - ADG

HTML Standard

Polypane, The browser for ambitious web developers

HeadingsMap - Chrome Web Store

HeadingsMap – Get this Extension for 🦊 Firefox (en-US)

Tweet us your tasty treats

• Scott’s Instagram

LevelUpTutorials Instagram

Wes’ Instagram

Wes’ Twitter

Wes’ Facebook

Scott’s Twitter

Make sure to include @SyntaxFM in your tweets

Wes Bos on Bluesky

Scott on Bluesky

Syntax on Bluesky