Accessibility Tips, Tricks, and Resources for Developers

Build your website or mobile apps with these useful links, tools, and resources.

Team Stark
Collection by Team Stark

9 LINKS

Software & ToolsJared Smith

44x44 Pixel Cursor Bookmarklet

Change your cursor to 44x44 pixels square for testing WCAG Target Size and Pointer Target Spacing requirements.

Design PatternsScott O'Hara

Accessible Components

Listing of accessible components & patterns.

Design PatternsSarah Higley

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.

Design PatternsSarah Higley

Grids Part 2: Semantics

This is part 2 in a series about ARIA grids (not at all related to CSS grids)

apple-accessibility

ResourcesApple

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.

Software & ToolsDev.to

A11y Color Tokens

Generate accessible complementary text or UI colors as Sass variables and/or CSS custom properties from your base color tokens.

designing-inclusive-mobile-apps

BooksRob Whitaker

Developing Inclusive Mobile Apps

Building Accessible Apps for iOS and Android.

cheatography

GuidesJreiche

WAI-ARIA 1.1 Cheat Sheet

WAI-ARIA 1.1 cheatsheet.

mozilla

GuidesMozilla

A good basis for accessibility

Mozilla's guide on how HTML can be used to ensure maximum accessibility.