Accessibility
Accessibility (a11y) means making sure the things we build for the web work for everyone. Learn more about a11ty from the web's top experts in these episodes.
Automate Accessibility Tests With Storybook
Building UI libraries with StorybookJS is even better when you're confident you're shipping accessible code. Varun Vachhar will teach us how.
Build a Color Contrast Checker with Eleventy Serverless
Eleventy 1.0 has just been released, and with it comes Eleventy Serverless for on-request page generation. Ben Myers will teach us how to get started with Eleventy Serverless by building a color contrast checker with little to no client-side JavaScript.
Understanding Color Contrast for Accessibility
Getting color contrast right is crucial for making sure people are able to read and use our content, but understanding how to choose the right colors can be tricky. In this episode, Todd Libby will show us how it's done!
Right-to Left (RTL) Support for Websites
RTL support has a lot of quirks that can make sites uncomfortable to use for RTL readers. In this episode, Moriel Schottlender will teach us what to watch for and how to make the web better for everyone!
Better Screenreader Experiences with CSS
After an introduction to how we can navigate with screenreaders, Ben Myers will teach us how we can use CSS to influence what screenreaders will announce.
Testing Accessibility
Making sure our apps and websites are accessible is a must-have for shipping. How can we be sure we're meeting a11y needs? Marcy Sutton will teach us how!
Build a Custom Accessible Audio Player
Creating custom audio players can be fun AND accessible! In this episode, Lindsey Kopacz teaches us how to build our own audio player in a way that’s usable by all of us.
Automated & Manual Accessibility Testing
Making websites accessible is a great way to make sure we’re always building great experiences for everyone. In this episode, Marcy Sutton (https://twitter.com/marcysutton) teaches us how to automate accessibility (a11y) testing, and walks through tools for manually checking the most critical sections of our apps.
Build an Accessible, Customer Feedback Widget
We want to capture feedback from the community on our documentation to make sure we’re meeting people’s needs and constantly improving. Marcy Sutton (https://twitter.com/marcysutton) teaches Jason Lengstorf (https://twitter.com/jlengstorf) how to build an accessible feedback widget using React.