Thema: M&A color tokens herzien

[Rozerinay]

TL;DR

De kleuren uit de Brand laag zijn eerder gebruikt om de Common laag in te vullen. Binnen As 1: Doel voldoen alle kleurcontrasten onderling.

Bij het stijlen van de Note component viel echter op dat basis.color.action-2.color-default te weinig contrast heeft ten opzichte van de achtergrondkleuren basis.color.accent-1.bg-default en basis.color.warning.bg-default (dit zijn verschillende assen).

Om dit structureel op te lossen wil ik de kleuren opnieuw afleiden met Accessible Palette, zodat alle kleuren voldoen aan de contrastvereisten.

Actiepunten

• Accessible Palette toepassen op common kleuren.
• Contrast check uitvoeren.
• Alle componenten in Figma nalopen.
• Tokens updaten en pushen naar GitHub.

Acceptatiecriteria

• Alle nieuwe kleuren voldoen aan de WCAG contrastvereisten.
• action-color heeft voldoende contrast tegen accent en warning backgrounds.
• Wijzigingen zijn doorgevoerd in Figma.
• Nieuwe tokens zijn gepusht naar GitHub.

[Rozerinay]

Mijn gedachtewolkjes delen: overwegingen die ik maak, waarop ik let en waarom.

[Rozerinay]

Gedeeld in Slack (bron):

https://codepen.io/bartveneman/pen/emJbgNb?editors=1100

[Rozerinay]

Thread in Slack

[Rozerinay]

Besproken tijdens samenwerkdag:

• Datavisualisatie tokens kunnen eruit.
• We gaan die datavisualisatie later oppakken. Vooral handig als we meer datavisualisatie componenten gaan hebben.
• Prioriteit gewijzigd naar 'Should have' met Yolijn's goedkeuring.