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 |
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)
Change History (11)
comment:1 Changed 7 years ago by
Milestone: | 0.9.12 |
---|---|
Version: | 0.9.11 |
Changed 7 years ago by
Attachment: | ticket1210.png added |
---|
comment:2 Changed 7 years ago by
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.
comment:4 Changed 7 years ago by
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
Keywords: | usability added; geti2p removed |
---|---|
Milestone: | 0.9.12 |
comment:6 Changed 3 years ago by
Cc: | sadie added |
---|---|
Owner: | set to slumlord |
Status: | new → 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 3 years ago by
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.
comment:8 Changed 22 months ago by
Resolution: | → fixed |
---|---|
Status: | assigned → closed |
The the background colour of the website was changed a few months ago , this has been fixed
Proposal for modifying menu colors