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

• 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

Episode source