701: A11y Treats - Labels & Roles
In this episode of Syntax, Wes and Scott explain ARIA, aria-label, Roles, and the overall importance of accessibility in your web projects. Show Notes Welcome Syntax Brought to you by Sentry What is ARIA? What is aria-label? // A button...
Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
December 4, 202327m 29s
Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
In this episode of Syntax, Wes and Scott explain ARIA, aria-label, Roles, and the overall importance of accessibility in your web projects.
Show Notes- 00:25 Welcome
- 01:18 Syntax Brought to you by Sentry
- 01:44 What is ARIA?
- WAI-ARIA Roles | MDN
- An in-depth guide to ARIA roles - The A11Y Project
- 02:48 What is aria-label?
- 06:36 What’s the difference between a title and aria-label on a button?
- 08:34 Are you really going to get sued if your website isn’t accessible?
- 11:53 What are Roles for?
- 16:33 6 different types of Roles
- 21:25 What is aria-labelledby?
- 23:13 Checking your code for accessibility
- eslint-plugin-jsx-a11y - npm
- WAVE Web Accessibility Evaluation Tools
- Polypane
- 24:31 Feedback and future show ideas
Syntax: X Instagram Tiktok LinkedIn Threads