Links in light mode zijn niet toegankelijk #62

Closed
opened 2026-07-15 09:11:32 +00:00 by tim.lippe · 1 comment

image

In deze zin staan twee links, maar die zijn voor mij niet te onderscheiden van de tekst op mijn monitor in light mode. In darkmode is het onderscheid duidelijk, maar in light mode dus niet.

Als ik color: var(--color-primary) weghaal uit de a selector, dan krijgt het default blauw en is het contrast duidelijk. Mocht er toch nog een andere kleur liever worden gekozen die beter past in het thema, dan graag een donkere kleur dan de huidige.

![image](/attachments/9418dedc-2502-45cd-aa10-9978263b71a2) In deze zin staan twee links, maar die zijn voor mij niet te onderscheiden van de tekst op mijn monitor in light mode. In darkmode is het onderscheid duidelijk, maar in light mode dus niet. Als ik `color: var(--color-primary)` weghaal uit de `a` selector, dan krijgt het default blauw en is het contrast duidelijk. Mocht er toch nog een andere kleur liever worden gekozen die beter past in het thema, dan graag een donkere kleur dan de huidige.

Een fix staat klaar:

Links in gerenderde Markdown (README's, issues, wiki) krijgen een onderstreping. Het contrast tussen link en tekst is nu 1,3:1 in light mode en 1,6:1 in dark mode. Met de onderstreping is kleur niet meer het enige verschil (WCAG 1.4.1).

De linkkleur blijft paars (light) en roze (dark). Een andere kleur, zoals het standaard blauw, is een ontwerpkeuze. Die kan apart.

Voor Na
Light issue62-light-before issue62-light-after
Dark issue62-dark-before issue62-dark-after
Een fix staat klaar: Links in gerenderde Markdown (README's, issues, wiki) krijgen een onderstreping. Het contrast tussen link en tekst is nu 1,3:1 in light mode en 1,6:1 in dark mode. Met de onderstreping is kleur niet meer het enige verschil (WCAG 1.4.1). De linkkleur blijft paars (light) en roze (dark). Een andere kleur, zoals het standaard blauw, is een ontwerpkeuze. Die kan apart. | | Voor | Na | |---|---|---| | Light | ![issue62-light-before](/attachments/f9357475-fae6-4b45-9849-a9c4b9f254c5) | ![issue62-light-after](/attachments/214c0deb-920d-4a2a-b1c8-dfcb32231e72) | | Dark | ![issue62-dark-before](/attachments/2a5785db-1bf8-420f-a8f3-10d8e8ca3015) | ![issue62-dark-after](/attachments/6ae9f5b3-32da-494b-ae23-cc2d29d13210) |
Sign in to join this conversation.
No milestone
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
code/docs#62
No description provided.