701: A11y Treats - Labels & Roles

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 4 December 2023

⏱️ 27 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0	Monday, Monday, Monday, Monday, open wide Dev fans.
0:04.0	Get ready to stuff your face with JavaScript,
0:07.0	CSS, node modules, barbecue tips, get workflows,
0:10.0	break dancing, soft skills, web development,
0:12.0	the hastyest, the craziest, the craziest, the tastiest, web development
0:16.4	treats.
0:17.4	Coming in hot, here is Wes, Barracuda, Bars, and Scott, El Tor Toroloko Tolinsky.
0:25.0	Welcome to Syntax.
0:28.0	On this Monday hasty treats, we're going to be talking accessibility,
0:31.0	and we're going to be talking specifically about labels and
0:34.5	roles. What's the difference between labels and roles? When do you need them? When do you
0:39.2	not need them? What is the general reason that we have them?
0:42.8	My name is Scott Tolinsky.
0:43.8	I'm a developer from Denver, but today I'm hanging out
0:47.4	in my childhood bedroom in Michigan.
0:49.3	So if you notice any background noise, maybe it's kids running around for
0:54.6	Thanksgiving or any of that stuff. But with me as always is Wes Boss. How's it going Wes?
0:59.4	Hey, pretty good. I'm excited to talk more about accessibility. Last couple
1:04.2	episodes we did on this stuff were pretty well received. So we're gonna dive
1:08.8	into Aria roles and labels today. Yeah and I think pretty well received as selling them a bit short. They were very well received. In fact,
1:16.8	Oh, yeah. High praise. So, uh, before we get going, then let's talk a little bit about something that your applications might
1:25.9	need beyond accessibility roles would be, error in exception handling and tracking with Century.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.