701: A11y Treats - Labels & Roles
O epizodě podcastu
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?
// A button with an ARIA role and 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?
I agree to the Terms and Conditions. - 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
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
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?
// A button with an ARIA role and 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?
I agree to the Terms and Conditions. 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
Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Popis podcastu
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.