Community · Value
Colour contrast
How readable a colour is on a background, and whether it passes WCAG AA for text.
a11y.contrast
In a flow
“Works out colour contrast whenever a step wired to it needs the answer.”
/colour #hex → Colour contrast → If not Readable → Reply: pick a lighter colour.
What it does
How readable a colour is on a background, and whether it passes WCAG AA for text. It's a value node: no white pins, it works out its answer when a step wired to it needs it. It gives 3 values later steps can use. Find it under Community in the palette.
When to use it
Use it for community features: how readable a colour is on a background, and whether it passes WCAG AA for text.
When not to
For a value that never changes, type it into the setting instead of wiring a node.
Typical wiring
Sockets: settings you can wire
- Colour Text
-
A hex colour, like a role's #99AAB5.
What goes there: Type it in the side panel, or wire in text. e.g. Hello there
If it's empty: Optional. Left empty and unwired, it uses #99AAB5.
Connects fromA member's variablesAccept applicationAdd a Notion pageAdd a Trello cardAdd an emojiAdd to number in objectAdd up timesAdd working daysand 844 more
- Background Text
-
The colour behind it: Discord's dark theme is #313338, light is #FFFFFF.
What goes there: Type it in the side panel, or wire in text. e.g. Hello there
If it's empty: Optional. Left empty and unwired, it uses #313338.
Connects fromA member's variablesAccept applicationAdd a Notion pageAdd a Trello cardAdd an emojiAdd to number in objectAdd up timesAdd working daysand 844 more
Values it gives
- Ratio Number
-
The contrast ratio, 1 to 21. e.g. 4.8
If it's empty: Empty when the step didn't make one (it stopped early or was skipped); steps reading it get nothing.
Connects toAccount ageActive membersAddAdd answer to formAdd soundboard soundAdd timeAdd to a counterAdd to a leaderboardand 718 more
- Readable Yes / no
-
On when it passes AA for normal text (4.5). e.g. on
If it's empty: Empty when the step didn't make one (it stopped early or was skipped); steps reading it get nothing.
Connects toAdd a forum tagAdd onboarding questionAdd to a counterAlarms that are dueAndAutoMod: Discord's word listsBluesky latest postBoard as emojiand 572 more
- Readable when big Yes / no
-
On when it passes AA for big text (3). e.g. on
If it's empty: Empty when the step didn't make one (it stopped early or was skipped); steps reading it get nothing.
Connects toAdd a forum tagAdd onboarding questionAdd to a counterAlarms that are dueAndAutoMod: Discord's word listsBluesky latest postBoard as emojiand 572 more