Can we count your visit?

Our analytics service records the pages you view, so we can see which ones are useful. It saves a random ID in your browser, and we never use it for advertising. Read our privacy policy.

Design system

A shared set of components, colors, type, and rules that a team builds products from, where accessibility can be set once.

A design system is the shared kit a team builds with: the color palette, the type scale, the spacing, and the components such as buttons, form fields, dialogs, and menus, along with the rules for using them. Every product page is assembled from these parts, which is why it is the most effective place to put accessibility.

A button with a visible focus style, a form field with a connected label, a palette whose text colors all meet the contrast minimum, and a dialog that traps focus correctly and closes with Escape are right once and right everywhere. The reverse is also true: a single inaccessible component spreads a barrier across every page that uses it. Evaluating the system covers much of the product at once.

Accessible by default
Setting up tools, templates, and components so that the quickest way to build something produces accessible results without extra effort.
Color contrast
The difference in brightness between text and its background, measured as a ratio that WCAG sets minimums for.
Focus indicator
The visible outline or highlight that shows which element the keyboard is on.
Definition of done
A team’s checklist for when a piece of work is finished, which needs to include accessibility.

Get help with every step.

We can work with organizations of every size and industry, from a startup serving its first customers to a bank. We find where you stand, help your team fix what matters, and keep checking as your product changes. That work is evidence of your effort, not a legal guarantee.

Talk to us about a first stepSee our services