Nearly every link on jobs.drupal.org fails WCAG AA color contrast.

For users with visual impairments, using this site is nearly impossible.

There are many color contrast checker tools out there to verify this yourself. I'm personally a fan of the WAVE browser plugin.

According to the WAVE toolbar, there are currently 105 "very low contrast" links on jobs.drupal.org.

What It Means
Very low contrast between foreground and background colors.

Why It Matters
Adequate contrast is necessary for all users, especially users with low vision.

How to Fix It
Increase the contrast between the foreground (text) color and the background color. Large text (larger than 18 point or 14 point bold) does not require as much contrast as smaller text.

The Algorithm... in English
Text is present that has a contrast ratio less than 4.5:1, or large text (larger than 18 point or 14 point bold) has a contrast ratio less than 3:1. Elements with background images must have a background color defined that provides adequate contrast when images are disabled or unavailable.

Comments

frodopwns’s picture

I am a Drupal developer with low vision. I use the jobs site at 200% zoom and still have trouble reading your inactive tabs.

tvn’s picture

Project: Drupal.org site moderators » Drupal Association Project(s)
Version: » 7.x-1.x-dev
Issue tags: -Accessibilty, -color contrast, -jobs site

Thanks for the report, moving to a.d.o queue and will let our staff working on Jobs.d.o know.

mgifford’s picture

Issue tags: +color contrast, +Accessibility

Ya, the contrast is still pretty bad http://wave.webaim.org/report#/https://jobs.drupal.org/home

Great way to find alternatives via http://contrast-finder.tanaguru.com/

But really, this needs to be addressed at the design phase. Whoever is cranking out these designs needs to run them through a contrast tool.

rachel_norfolk’s picture

Project: Drupal Association Project(s) » Drupal.org customizations
Version: 7.x-1.x-dev » 7.x-3.x-dev
Component: Other » Code

Moving this into what I think is a better place

drumm’s picture

Project: Drupal.org customizations » Drupal Association Project(s)
Version: 7.x-3.x-dev » 7.x-1.x-dev
Component: Code » Jobs.Drupal.org

The custom code & theme for Jobs.Drupal.org isn't available on Drupal.org, so an Association-specific project works well. I added a component to keep the issues organized.