Category: Accessibility
-
breakpoint tokens: naming the width so nobody has to guess it
767px or 768px? Every developer picks their own tablet breakpoint. Here’s how naming four fixed boundaries once ends the guessing for good.
-
button state tokens: the three states nobody designs
A button has five real states, not two. Default and hover get designed; active, disabled, and loading get left to accident. Here’s how to name and token all five.
-
dark mode tokens: why inverting your palette doesn’t work
Flip every hex value for dark mode and the depth disappears — a card that read as “elevated” in light mode goes flat, because that depth was never really in the color. The instinct to treat dark mode as an inversion makes sense on the surface: light backgrounds become dark, dark text becomes light, done.…
-
wcag and design systems: why accessibility belongs in the token layer
—
by
in Accessibility, Color, css, Figma, Fonts, Iconography, Sites, Styleguides, Tokens, UI KIt, UI/UX, Web DesignWCAG compliance isn’t a checklist you run at the end — it’s a constraint you build into the system at the token level. A lot of designers treat accessibility as a QA pass: ship the design, then check the contrast ratios. That approach fails at scale because it moves the problem downstream where it’s expensive…
-
Laws of UX
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
-
-
safe ux rules
You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every time.
-
Colour Contrast Checker
Check the contrast between different color combinations against WCAG standards. https://colourcontrast.cc/
-
WAVE®
WAVE ® is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. Simply input a web address to test it’s accessibility directly within the browser. Source:…