701: A11y Treats - Labels & Roles
Update: 2023-12-04
Description
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 ">00:25 Welcome
- 01:18 ">01:18 Syntax Brought to you by Sentry
- 01:44 ">01:44 What is ARIA?
- WAI-ARIA Roles | MDN
- An in-depth guide to ARIA roles - The A11Y Project
- 02:48 ">02:48 What is aria-label?
// A button with an ARIA role and label <button role="button" aria-label="close">
</button>
- 06:36 ">06:36 What’s the difference between a title and aria-label on a button?
- 08:34 ">08:34 Are you really going to get sued if your website isn’t accessible?
- 11:53 ">11:53 What are Roles for?
- 16:33 ">16:33 6 different types of Roles
- 21:25 ">21:25 What is aria-labelledby?
I agree to the Terms and Conditions.
- 23:13 ">23:13 Checking your code for accessibility
- eslint-plugin-jsx-a11y - npm
- WAVE Web Accessibility Evaluation Tools
- Polypane
- 24:31 ">24:31 Feedback and future show ideas
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Comments
Top Podcasts
The Best New Comedy Podcast Right Now – June 2024The Best News Podcast Right Now – June 2024The Best New Business Podcast Right Now – June 2024The Best New Sports Podcast Right Now – June 2024The Best New True Crime Podcast Right Now – June 2024The Best New Joe Rogan Experience Podcast Right Now – June 20The Best New Dan Bongino Show Podcast Right Now – June 20The Best New Mark Levin Podcast – June 2024
In Channel