Disabled UI states are one of the most common accessibility failures in design systems, mostly because they look like a solved problem and aren't. Chela Giraldo breaks down why they fail and offers 7 concrete patterns to use instead. If you're building or auditing a component library, this belongs in your review checklist.
#accessibility #designSystems #a11y

https://zeroheight.com/blog/rethinking-the-disabled-norm/

Rethinking the "disabled norm": 7 patterns to use instead in your design system - zeroheight

Chela Giraldo explains how disabled states harm accessibility and what to do instead to build clearer, more inclusive user interfaces.

Your Design System Might Be AI-Ready—Your Organisation Probably Isn’t, by @murphytrueman.com:

https://blog.murphytrueman.com/your-design-system-might-be-ai-ready/?ref=frontenddogma.com

#designsystems #ai

Your design system might be AI-ready. Your organisation probably isn't.

The technical preparation is well underway. The organisational questions it creates are a different problem entirely.

Murphy Trueman

The Style/token documentation updater™ plugin for the Style/token documentation components™ Figma library is out at last 🎉

That's a mouthful, but the gist of it is simpler...

If you use my components to document color and typography variables or styles inside a Figma file, you can now run this new plugin to automatically update your documentation with just one click 🤓

Demo video coming soon 🤞

#Figma #DesignSystems #DesignTokens

Refero Styles — Design Systems for AI Agents

Search a curated DESIGN.md library for AI agents: colors, typography, spacing, and component patterns from top websites.

Refero Styles

Day 5 design-tips wrap-up.

We ship dual-surface SaaS dashboards — dark for sessions, light for reads, design tokens for both. Five-year-old apps with magic-number CSS are why this matters.

Portfolio: risesitelab.com/#portfolio

GrowthSite Lab.

#WebDev #DesignSystems #FediverseDevs

Dark mode looks cool. Light mode reads. In premium SaaS you ship both.

Default by context — not trend. Session-heavy apps default dark. Read-heavy default light. Respect prefers-color-scheme on first visit. Persist the user's choice forever after they toggle.

WCAG 4.5:1 on body text — both palettes — is non-negotiable. Design tokens, never magic numbers; light + dark are two themes of the same color tree.

GrowthSite Lab.

#WebDev #UIUX #DesignSystems #A11y #FediverseDevs

One for those who like their conferences useful 😀 : @pixelpioneers Bristol is back on 19 June 2026. 🎉

We return with the good stuff: CSS, JavaScript, #a11y and inclusive design, sustainability, #designsystems, better designer/developer collaboration, and more!

Come for the talks, stay for the ideas you’ll be itching to try on Monday: https://pixelpioneers.co/events/bristol-2026

Disabled states are everywhere. But they're not accessible. So why are we still using them? 😵‍💫

In this article, Chela Giraldo unpacks her frustration with disabled states and suggests 7 patterns to use instead that help build clearer, more inclusive interfaces: https://zeroheight.com/blog/rethinking-the-disabled-norm/

#designsystems #a11y

Rethinking the "disabled norm": 7 patterns to use instead in your design system - zeroheight

Chela Giraldo explains how disabled states harm accessibility and what to do instead to build clearer, more inclusive user interfaces.

How to Make Claude Code Follow Your Design System in Figma, by @uxdesigncc:

https://archive.ph/tnNKl

#howtos #designsystems #figma #claude #anthropic #ai