caMicroscope icon indicating copy to clipboard operation
caMicroscope copied to clipboard

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

Open barchakuz opened this issue 3 months ago • 0 comments

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:

  • Install Wave Testing Extension from chrome store
  • Navigate to the specified page on the website.
  • Use the WAVE extension to scan the webpage for accessibility issues.
  • See error

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:

  • OS: Win 10
  • Browserchrome
  • Version 2 2

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.

barchakuz avatar Mar 23 '24 19:03 barchakuz