Useful links
Here is a curated list of resources to help you in your journey towards accessibility and inclusivity.
Disclaimer: Practical Accessibility by Sara Soueidan is not free. It is not a sponsored bullet point. I included it in this list because I have purchased and completed it myself, and it is absolutely fantastic.
This course will help you to build a strong mental model and you will learn, among many things, how to create accessible custom elements from scratch. It comes with comprehensive lessons, resources, guidance and code snippets. If your company offers educational budget, this is an excellent use for it.
Technical documentation
- W3 - WCAG 2.2 - Official guidelines for web content accessibility
- MDN Web Docs - Comprehensive documentation for web technologies
- Wikipedia - ISO 639 - List of language codes for localization
Testing tools
- Axe DevTools - Browser extension for accessibility testing
- ARC Toolkit - Browser extension for advanced accessibility testing
- Polypane - Browser designed for responsive and accessible web development
- Narrator - Built-in screen reader for Windows devices
- VoiceOver - Built-in screen reader for Apple devices
- TalkBack - Built-in screen reader for Android devices
- Color Contrast Checker - Tool to check color contrast ratios with context
Courses
- Sara Soueidan - Practical Accessibility - A comprehensive course on web accessibility
Custom elements
- WAI-ARIA Authoring Practices - Design patterns and best practices for custom elements
- React Aria - Accessible UI components for React applications
Guides
- Ahmad Shadeed - RTL Styling - A guide on styling for right-to-left languages
- Axess Lab - Alt Texts - A guide on writing effective alt texts for images
- A11y Collective - How to Write Great Alt Text - Tips for writing effective alt text
- Sara Soueidan - Focus Indicators - A guide on focus indicators
- Ahmad Shadeed - Target Size - A guide on designing accessible targets
- GOV.UK Design System - Error Message - Guidelines for error messages
- GOV.UK Design System - Error Summary - Guidelines for error summaries
Blogs and articles
- Deque - Presenting Information in Multiple Ways - Best practices for visual information
- WebAIM - Keyboard Accessibility - Techniques for ensuring keyboard accessibility
- WebAIM - Skip Navigation Links - Techniques for skip navigation links
- WebAIM - Page Titles - Techniques for page titles
- Nomensa - How to Write Good Link Text - Best practices for link labels
- Smashing Magazine - Breadcrumbs in Web Design - Best practices for breadcrumbs
- Scope - 5 Most Annoying Website Features - Accessibility issues faced by screen reader users
- Smashing Magazine - I Used the Web for a Day Using a Screen Reader - Case study
- Manuel Matuzović - The most inaccessible website - Case study