site-kit icon indicating copy to clipboard operation
site-kit copied to clipboard

Published 20 hours ago • verified publisher icon sveltejs

Link color on site is inaccessible

Open geoffrich opened this issue 5 years ago • 1 comments

The current color for links has a color contrast ratio of 3.53 against a white background, which could make it difficult for people with low vision to read. This fails the recommended WCAG minimum contrast ratio of 4.5.

I discovered this while working on other Axe accessibility issues I found on the Svelte docs (https://github.com/sveltejs/svelte/issues/5678).

Since this is the primary color in the theme changing this could have wide-ranging effects. If we don't want to change this color, we could use a different color for links that passes the recommended contrast ratio threshold.

Example of link: link example

geoffrich avatar Nov 24 '20 00:11 geoffrich

Also, the text color used for blockquotes on the docs does not have have sufficient contrast.

Example: image

geoffrich avatar Nov 24 '20 16:11 geoffrich