Accessibility & contrast
The Design System studio checks your colours against WCAG AA so a hard-to-read brand never slips through
As you and the agent shape colours in the Design System studio, the studio checks them for legibility — so a beautiful palette is also a readable one.
Contrast is checked as you go
Whenever the agent proposes colours — or you set them by hand — the Design System studio measures them against WCAG AA contrast. It checks the combinations that matter for reading:
- Text against the surface it sits on.
- Accent colours used as text or links.
If a combination falls short, the studio surfaces an advisory warning right where the colour lives, so a low-contrast brand doesn't quietly slip through.
The agent steers toward legible choices
The agent reads the same contrast feedback you see. When Fernway Botanical Studio asks for "a deeper forest green for links," the agent uses the check to keep the result readable against the page — and flags it if a request would push a colour below AA.
Advisory, not a wall
Contrast warnings are advisory — you stay in control. Atelier won't overrule your choice, and nothing publishes on its own. But the warnings are there for a reason: heed them unless you have a deliberate one to look past them.
Alt text keeps pages accessible too
Colour contrast is only part of the picture. Describe your images with alt text so people using screen readers — and search engines — understand what each image shows. It's a short, plain description you add in the Library.
Tip
When a warning appears, the fastest fix is usually to darken the text or lighten the surface by a step — then watch the advisory clear in place.