Opened 5 years ago

Closed 3 weeks ago

#1210 closed defect (fixed)

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

Reported by: equinox Owned by: slumlord
Priority: minor Milestone:
Component: www/i2p Version: 0.9.11
Keywords: usability Cc: sadie
Parent Tickets:

Description

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

Subtickets

Attachments (3)

ticket1210.png (118.7 KB) - added by str4d 5 years ago.
Proposal for modifying menu colors
i2p_audit.png (10.5 KB) - added by slumlord 11 months ago.
aXe - audit of home page
i2p_audit-2.png (9.4 KB) - added by slumlord 11 months ago.
aXe - audit of download page

Download all attachments as: .zip

Change History (11)

comment:1 Changed 5 years ago by equinox

  • Milestone 0.9.12 deleted
  • Version 0.9.11 deleted

Changed 5 years ago by str4d

Proposal for modifying menu colors

comment:2 Changed 5 years ago by 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.

Last edited 5 years ago by equinox (previous) (diff)

comment:3 Changed 5 years ago by orion

I agree with str4d's proposal.

comment:4 Changed 5 years ago by str4d

  • Milestone set to 0.9.12
  • Version set to 0.9.11

Menu change pushed in commit 9180a22c19d1225d84bc56d31513c670ecd3e78d

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

comment:5 Changed 4 years ago by str4d

  • Keywords usability added; geti2p removed
  • Milestone 0.9.12 deleted

comment:6 Changed 11 months ago by zzz

  • Cc sadie added
  • Owner set to slumlord
  • Status changed from new to assigned

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

comment:7 Changed 11 months ago by 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.

Changed 11 months ago by slumlord

aXe - audit of home page

Changed 11 months ago by slumlord

aXe - audit of download page

comment:8 Changed 3 weeks ago by sadie

  • Resolution set to fixed
  • Status changed from assigned to closed

The the background colour of the website was changed a few months ago , this has been fixed

Note: See TracTickets for help on using tickets.