Opened 7 years ago

Closed 22 months 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: Sensitive: no


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

Colorblind design guidelines


Attachments (3)

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

Download all attachments as: .zip

Change History (11)

comment:1 Changed 7 years ago by equinox

Milestone: 0.9.12
Version: 0.9.11

Changed 7 years ago by str4d

Attachment: ticket1210.png added

Proposal for modifying menu colors

comment:2 Changed 7 years ago by equinox can simulate what the site can appear like to colorblind users 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 7 years ago by equinox (previous) (diff)

comment:3 Changed 7 years ago by orion

I agree with str4d's proposal.

comment:4 Changed 7 years ago by str4d

Milestone: 0.9.12
Version: 0.9.11

Menu change pushed in commit 9180a22c19d1225d84bc56d31513c670ecd3e78d

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

comment:5 Changed 6 years ago by str4d

Keywords: usability added; geti2p removed
Milestone: 0.9.12

comment:6 Changed 3 years ago by zzz

Cc: sadie added
Owner: set to slumlord
Status: newassigned

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

comment:7 Changed 3 years 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 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 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 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 3 years ago by slumlord

Attachment: i2p_audit.png added

aXe - audit of home page

Changed 3 years ago by slumlord

Attachment: i2p_audit-2.png added

aXe - audit of download page

comment:8 Changed 22 months ago by sadie

Resolution: fixed
Status: assignedclosed

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.