Everything you need to know about aria-label

https://is1-ssl.mzstatic.com/image/thumb/Podcasts221/v4/18/2a/0c/182a0c8d-c56e-2707-2338-30ae464f678d/mza_1892479789340132082.jpg/600x600bb.jpg

Decoding Accessibility

Kinetic Iris

23 episodes

3 days ago

Learn how to create accessible websites with practical insights into WCAG and other web accessibility standards through tips, real-world stories, and strategies to help you create inclusive digital experiences. We also explore the intersection of disability, neurodiversity, and inclusion to better understand how to make the web accessible to all.

Technology

RSS

All content for Decoding Accessibility is the property of Kinetic Iris and is served directly from their servers with no modification, redirects, or rehosting. The podcast is not affiliated with or endorsed by Podjoint in any way.

Technology

https://d3t3ozftmdmh3i.cloudfront.net/staging/podcast_uploaded_nologo/42857388/42857388-1754073165718-773aea4a83423.jpg

Everything you need to know about aria-label

Decoding Accessibility

17 minutes 41 seconds

3 months ago

Everything you need to know about aria-label

One of the most common well-meaning but misunderstood accessibility recommendations is to use aria-label to make things more accessible. It’s hard to know when not to use something or when a better alternative exists, because documentation usually focuses on what to fix, not how to choose the best approach.Code examples in the blog post: https://kineticiris.com/everything-you-need-to-know-about-aria-label/

Video version: https://youtu.be/182w-ItJJCUTimestamps:1:16 - The options3:51 - Use aria-label: Landmarks5:32 - Use aria-label: Icons, SVGs, canvas9:46 - Use aria-label: Custom widgets10:13 - Why use something else11:29 - Something else: Form field labels12:40 - Something else: Links13:42 - Something else: Images14:33 - Something else: Background images15:27 - Something else: Inline images16:03 - Don’t use aria-label16:38 - How to decide