Tutorials
Practical Walkthroughs to Fix Real Accessibility Issues
If you’re ready to go beyond learning what to fix and start learning how to fix it, this is the place to be. These tutorials walk you through specific accessibility problems step-by-step — from identifying issues with tools like WAVE or axe DevTools to writing and testing the right code to solve them. Whether you’re tackling contrast issues, form errors, or screen reader improvements, each tutorial is hands-on, practical, and focused on helping you meet WCAG standards in real-world projects.
Tutorials
Image Descriptions Tutorial: Writing Effective Alt Text for WCAG Compliance
Writing effective alt text isn’t just about checking an accessibility box—it’s about making sure everyone, including screen reader users, can understand your content. This guide breaks down WCAG 2.2 requirements, shows when and how to write alt text, and offers practical tips to avoid common mistakes.
Focus Indicators Tutorial: How to Make Keyboard Navigation Accessible
Trying to navigate a website without a mouse shouldn’t feel like a game of hide-and-seek. Focus indicators make sure that doesn’t happen. Without them, keyboard users are left guessing where they are on the page. Try pressing Tab on a site with no focus styles, and you’ll see how frustrating it can be.