674: A11y Treats - Heading Design

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