674: A11y Treats - Heading Design

Syntax - Tasty Web Development Treats

Inhalt bereitgestellt von Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.

2y ago 28:06

MP3•Episode-Home

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

954 Episoden

#Web Development #Software Development #Tech News #Webdevelopment #Wes Bos #Scott Tolinski - Full Stack JavaScript Web Developers #News #Tech #HTML #JavaScript #CSS #HTML5