hugo-theme-hello-friend icon indicating copy to clipboard operation
hugo-theme-hello-friend copied to clipboard

Accessibility: Background and foreground colors do not have a sufficient contrast ratio.

Open simeononsecurity opened this issue 1 year ago • 0 comments

Problem

The website has low-contrast background and foreground colors, making it difficult or impossible for some users to read. This issue affects both dark and light modes, and results in a failure on the Google Lighthouse scan for links for tags and ToC.

Impact

Low-contrast text is a common accessibility issue and can make it difficult or impossible for users with visual impairments, such as color blindness or low vision, to read the content on the website. This can impact the user experience and make it difficult for these users to access the information they need.

Solution

To resolve this issue, the background and foreground colors should be adjusted to have a sufficient contrast ratio as specified in accessibility guidelines. This will ensure that the text is readable for all users and improve the overall accessibility of the website.

References

  • https://dequeuniversity.com/rules/axe/4.4/color-contrast?utm_source=lighthouse&utm_medium=devtools

simeononsecurity avatar Feb 06 '23 00:02 simeononsecurity