Web Accessibility
If Spotify isn’t available in your country, you can use another podcasting app to access the episode!
Accessibility is the process of creating applications that are usable by everyone, especially focusing on those with disabilities. As web developers, it’s important that we design and build our applications to be usable by everyone, so in today’s episode, we’re joined by Wendy Fox, the design systems lead at LogMeIn, to discuss nine common pitfalls of application accessibility and what you can do to fix them.
Sponsors.
A huge thank you to our sponsors for supporting the Ladybug Podcast! Interested in becoming a Ladybug Podcast sponsor? Head over to our Sponsorship page for more details.
Vonage is a cloud communications platform that allows developers to integrate voice, video and messaging into their applications using their communication APIs. Whether you’re wanting to build video calls into your app, create a Facebook bot, or build applications on top of programmable phone numbers, you’ll have all the tools you need.
Formerly known as Nexmo, Vonage has you covered for all API communications projects. Sign up for an account at nexmo.dev/ladybug and use promo code LDBUG10 for €10 of free credit.
AWS Amplify is a suite of tools and services that enables developers to build full-stack serverless and cloud-based web and mobile apps using their framework or technology of choice on the front end.
Using Amplify you can quickly get up and running with things like hosting, authentication, managed GraphQL, serverless functions, APIs, machine learning, chatbots, and storage for files like images, videos, and pdfs.
Amplify is built especially in a way to enable traditionally front-end developers to be successful because they can use their existing skillset to build real-world full-stack apps that in the past would require deep knowledge around back end, dev ops, and scalable infrastructure.
The Amplify Console then allows you to use a Github repository to deploy to a globally available CDN, with CI and CD built-in.
To learn more, visit awsamplify.info/ladybug.
Show Notes.
4:46 - Why should we care about accessibility?
8:43 - Types of accessibility
12:24 - Semantic HTML
16:37 - Virtually hiding content
17:57 - Aria label vs. labelledby
21:14 - The accessibility tree
23:50 - Focus states
27:29 - Color contrast
32:04 - Keyboard traps
35:02 - Animations
37:38 - Time based content
41:21 - Placeholders vs. labels
47:02 - Accessibility tools
Transcript.
We provide transcripts for all of our episodes. You can find them here!
