Adjust colors to improve accessibility #10

New issue

Open

opened 2026-04-30 16:59:24 +00:00 by lol · 1 comment

lol commented

2026-04-30 16:59:24 +00:00

Owner

I will run tests and put mocks together for the style and color changes that need to happen here.

lol self-assigned this 2026-04-30 16:59:24 +00:00

irl commented

2026-05-02 15:06:09 +00:00

Owner

Text on menu against yellow background contract is 1:3.2

Hyperlinks on home page are 1:4.4

Blue on gray in sidebar is 1:4.1, same for blue on grey in breadcrumb

In dark mode, image caption is 1:2.2

Dark mode Guardian Project logo on homepage is barely measurable text/background both black.

I propose a darker blue as the anchor colour in light mode, lighter colour for image caption on home page and a different asset for Guardian Project logo in dark mode.

@lol Does that work?

Text on menu against yellow background contract is 1:3.2 Hyperlinks on home page are 1:4.4 Blue on gray in sidebar is 1:4.1, same for blue on grey in breadcrumb In dark mode, image caption is 1:2.2 Dark mode Guardian Project logo on homepage is barely measurable text/background both black. I propose a darker blue as the anchor colour in light mode, lighter colour for image caption on home page and a different asset for Guardian Project logo in dark mode. @lol Does that work?

Screenshot 2026-05-02 at 15.57.25.png

8.5 KiB

Screenshot 2026-05-02 at 15.58.24.png

27 KiB

Screenshot 2026-05-02 at 15.59.31.png

7.8 KiB

Screenshot 2026-05-02 at 16.00.07.png

3.4 KiB

Screenshot 2026-05-02 at 16.01.16.png

50 KiB