camicroscope / caMicroscope

Digital pathology image viewer with support for human/machine generated annotations and markups.
BSD 3-Clause "New" or "Revised" License
247 stars 286 forks source link

Very Low Contrast Issues for Improved Website Accessibility: Non Compilance of WCAG 2.1 Standards #859

Open barchakuz opened 5 months ago

barchakuz commented 5 months ago

Description There are instances of very low contrast between text and background colors on the website. This can make it challenging for users, especially those with low vision, to read and comprehend the content effectively. Why It Matters Adequate contrast of text is necessary for all users, especially users with low vision.

Possible Solution Increase the contrast between the foreground (text) color and the background color. Large text (larger than 18 point or 14 point bold) does not require as much contrast as smaller text.

To Reproduce Steps to reproduce the behavior:

Expected behavior Text should have sufficient contrast against its background color to ensure readability for all users, particularly those with visual impairments. Increasing the contrast between text and background colors will enhance readability and accessibility.

Screenshots All Contrast Errors are marked on each tested page Home Page 1 Slide Page 2 Info Page 3 SignUp Page 4

Desktop:

Additional context This issue violates WCAG 2.1 standards related to contrast (minimum) (1.4.3, Level AA). Addressing contrast errors is crucial for improving the accessibility of the website and ensuring an inclusive user experience for all visitors.