Accessibility Tips, Tricks, and Resources for Developers
Build your website or mobile apps with these useful links, tools, and resources.
Books • Designing Inclusive Mobile Apps
Developing Inclusive Mobile Apps
Building Accessible Apps for iOS and Android.
Guides • Cheatography
WAI-ARIA 1.1 Cheat Sheet
WAI-ARIA 1.1 cheatsheet.
Guides • Mozilla
A good basis for accessibility
Mozilla's guide on how HTML can be used to ensure maximum accessibility.
Software & Tools • Default
A11y Color Tokens
Generate accessible complementary text or UI colors as Sass variables and/or CSS custom properties from your base color tokens.
Software & Tools • Default
44x44 Pixel Cursor Bookmarklet
Change your cursor to 44x44 pixels square for testing WCAG Target Size and Pointer Target Spacing requirements.
Design Patterns • Default
Accessible Components
Listing of accessible components & patterns.
Design Patterns • Default
Grids Part 2: Semantics
This is part 2 in a series about ARIA grids (not at all related to CSS grids)
Design Patterns • Default
Grids Part 1: To grid or not to grid
Part of this flood of grid accessibility questions might be caused by a quirk of where I happen to work, but I don't think that's the only reason tables and grids are over-represented in accessibility bugs.
Resources • Apple
Accessibility - Apple Developer
Apple devices come standard with award-winning accessibility features that let people experience everything Mac, iPhone, iPad, Apple Watch, and Apple TV have to offer. And with accessibility APIs on all Apple platforms, you can make your apps seamlessly functional for a broad range of users.