Skip to content

fix(ARC-3848): wcag text colors on content block backgrounds - #383

Open
RobbeBierebeeck wants to merge 11 commits into
release/v6.0.0from
feature/ARC-3848_wcag-text-colors
Open

fix(ARC-3848): wcag text colors on content block backgrounds#383
RobbeBierebeeck wants to merge 11 commits into
release/v6.0.0from
feature/ARC-3848_wcag-text-colors

Conversation

@RobbeBierebeeck

Copy link
Copy Markdown
Contributor

https://meemoo.atlassian.net/browse/ARC-3848

Sets the text color on every content block that renders text on an admin-picked background color, computed from the WCAG AA contrast rule instead of a hand-maintained list.

Robbe Bierebeeck added 7 commits August 12, 2026 21:26
Split GET_DARK_BACKGROUND_COLOR_OPTIONS into an AVO variant (unchanged)
and an archief variant sourced from the delivered colour list: only
black and old pink backgrounds need white text, ocean green and sea
green need black (the old shared list had that backwards).
Comment thread ui/src/react-admin/modules/shared/helpers/get-contrast-ratio.ts Outdated
Comment thread ui/src/react-admin/modules/content-page/const/background-text-colors.ts Outdated
Comment thread ui/src/react-admin/modules/content-page/const/background-text-colors.ts Outdated
Comment on lines +42 to +46
primary: string;
/** Muted text: captions, subtitles, metadata. Absent when design specified no second color. */
secondary?: string;
/** Underlined link text. Absent when design specified no link color. */
hyperlink?: string;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
primary: string;
/** Muted text: captions, subtitles, metadata. Absent when design specified no second color. */
secondary?: string;
/** Underlined link text. Absent when design specified no link color. */
hyperlink?: string;
primary: Color;
/** Muted text: captions, subtitles, metadata. Absent when design specified no second color. */
secondary?: Color;
/** Underlined link text. Absent when design specified no link color. */
hyperlink?: Color;

Gaan we secondary en hyperlink niet ook verplicht maken. Als er kleuren zijn waar dit niet ingesteld was op de PDF zou ik ze eventueel gewoon gelijk zetten aan de primary color en de hyperlink kleur de default hyperlink kleur laten gebruiken

Comment thread ui/src/react-admin/modules/content-page/const/background-text-colors.ts Outdated
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants