A11Y Contrast main text in landing lage / homepage in darkmode very low #87

New issue

Closed

opened 2026-09-29 13:18:12 +00:00 by benjamin.broersma · 2 comments

benjamin.broersma commented

2026-09-29 13:18:12 +00:00

Very low contrast in dark mode of main text of landing page / homepage https://code.overheid.nl/ (while logged out).

"Het codeplatform voor de Nederlandse overheid" (var(--color-caret); #D2E0F0 to var(--color-primary) / var(--color-open-pink) #F092CD): 1.61:1

Does not pass SC 1.4.3 Contrast (Minimum) (Level AA):

Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;

Very low contrast in dark mode of main text of landing page / homepage https://code.overheid.nl/ (while logged out). "Het codeplatform voor de Nederlandse overheid" (`var(--color-caret);` `#D2E0F0` to `var(--color-primary) / var(--color-open-pink)` `#F092CD`): **1.61**:1 Does not pass [SC 1.4.3](https://www.w3.org/TR/WCAG21/#contrast-minimum) [Contrast (Minimum) (Level AA)](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum): > Large-scale text and images of large-scale text have a contrast ratio of at least **3**:1; Related: - #23 - #85

tim.lippe commented

2026-10-01 13:20:45 +00:00

Zie ook #62 Naar mijn weten wordt toegankelijkheid in zijn algemeenheid in #11 getrackt

sander.van.thillo added this to the Codeplatform kanban project

2026-10-02 09:55:47 +00:00

sander.van.thillo commented

2026-10-02 10:35:39 +00:00

Owner

Ik heb een fix gedaan:

De kop en de ondertitel in de hero worden paars (#42145f). Het contrast is dan 6,5:1, in light en dark mode. De ondertitel (wit, opacity 0.85) was ook te laag: 1,9:1.

	Voor	Na
Dark
Light

Ik heb een fix gedaan: De kop en de ondertitel in de hero worden paars (`#42145f`). Het contrast is dan 6,5:1, in light en dark mode. De ondertitel (wit, opacity 0.85) was ook te laag: 1,9:1. | | Voor | Na | |---|---|---| | Dark | ![issue87-dark-before](/attachments/6faab858-d089-49fd-bfca-58ae4be72a4b) | ![issue87-dark-after](/attachments/ef689c8a-b8bb-490f-820c-b8c0d0d861a5) | | Light | ![issue87-light-before](/attachments/57283980-46eb-47c8-80c4-0f6608e6f3ef) | ![issue87-light-after](/attachments/d990a9c8-2fbb-48a8-9b9c-8d37342e3ab4) |

issue87-light-after.png

39 KiB

issue87-dark-before.png

35 KiB

issue87-light-before.png

38 KiB

issue87-dark-after.png

39 KiB

sander.van.thillo closed this issue

2026-10-02 10:39:00 +00:00