Syntax - Tasty Web Development Treats
701: A11y Treats - Labels & Roles
This episode isn’t summarized yet
Create a free account and summarize it. In a few minutes you’ll have the key takeaways and a section-by-section summary.
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?
// 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