Red text on a green background may cause problems for colorblind users

[equinox]

Users with red-green colorblindness may have difficulty reading the information on the geti2p.net site with the red text on a green background.

Colorblind design guidelines
​http://webdesign.about.com/od/accessibility/a/aa062804.htm

[str4d]

Proposal for modifying menu colors

[equinox]

​http://colorfilter.wickline.org/ can simulate what the site can appear like to colorblind users
​http://www.vischeck.com/ can also run tests against sites but the functionality was unavailable at the time of checking

I think a safe course of action would be to ensure no red text is placed on a green background. The links in the main green box for example could use the same cream color used by str4d in the screenshot above. An underline decoration could be added if it was not obvious they were links, though they would still stand out from the black text and contrast enough with the green background.

[orion]

I agree with str4d's proposal.

[str4d]

Menu change pushed in commit 9180a22c19d1225d84bc56d31513c670ecd3e78d

Regular <a> links need further thought, white does not work there.

[zzz]

unclear if str4d ever made the changes proposed 4 years ago (see attachment), assigning to slumlord for investigation and/or changes

[slumlord]

Of the two sites listed for testing usability of websites for internet users with some form of colorblindness, only the first one is functional and even then does not load the requested https://geti2p.net/ URL due to OpenDNS's "safe family filter" or whatever they are calling it.

I have reviewed some of W3C's Web Content Accessibility Guidelines in the past and I do find the off-white on pale-green color scheme that we use for our menus to be a concern as they do not have a sufficient amount of contrast.

I ran an audit with https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/ on our homepage in Firefox and found that many of the issues are due to low contrast; on the download page, similar issues are found. Please see attached screenshots.

Possible short-term fix would be to change font color to increase contrast where necessary.

I carried out some simple testing with https://addons.mozilla.org/en-US/firefox/addon/rgblind/ on a few pages - I found that our text was generally readable. Of course, it would be better if we could humbly ask someone more familiar with colorblindness to share the results of their testing on our website.

[slumlord]

aXe - audit of home page

[slumlord]

aXe - audit of download page