0:00-28:06
Streams straight from the publisher. podnod never proxies or re-hosts episode audio.
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)
- 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
How-to: Accessible heading structure - The A11Y Project
a11yproject.comHeading outlines - ADG
accessibility-developer-guide.comHTML Standard
html.spec.whatwg.orgHeadingsMap - Chrome Web Store
chrome.google.comHeadingsMap – Get this Extension for 🦊 Firefox (en-US)
addons.mozilla.orgScott’s Instagram
instagram.comLevelUpTutorials Instagram
instagram.comWes’ Instagram
instagram.comWes’ Twitter
twitter.comWes’ Facebook
facebook.comScott’s Twitter
twitter.com@SyntaxFM
twitter.comWes Bos on Bluesky
bsky.appScott on Bluesky
bsky.appSyntax on Bluesky
bsky.app
