Skip to:

  1. Skip to Jira Navigation
  2. Skip to Side Navigation
  3. Skip to Main Content

Ensure link text provides sufficient contrast - Current User Menu

Description

The main navigation of the environment provides a control to expand a menu of options for the currently logged in user. However, once the links in this menu feature text styled in the color blue (#5294D2) displayed against a tan (#F8F8F8) background. The contrast ratio betweeen the foreground and the background color is 3.03:1.As per WCAG, text less than 18 point or bold text less than 14 point must have a luminosity contrast ratio of 4.5:1 or more. Text 18 point or larger or bold text 14 point or larger must have a luminosity contrast ratio of 3:1 or more.http://qa03-sakai.marist.edu:8080/portal/site/~SSBTest002/tool/c59aeb9e-7bb2-40d8-a847-06d731be63d7/

Webaim has a good colour contrast checker http://webaim.org/resources/contrastchecker/

Environment

None

Test Plan

Check colour contrast of the links in the User Menu (top right of Sakai) with http://webaim.org/resources/contrastchecker/ to make sure they pass WCAG AA

Attachments

2

Activity

Show:

Shawn Foster September 28, 2016 at 3:46 PM

This fix depends on the colour change from

Shawn Foster September 28, 2016 at 3:45 PM

I have introduced a darker alternative blue to appear on grey and satisfy colour contrast requirements to fix the link colour contrast in the User menu for WCAG and accessibility.

The links are now a slightly darker blue that can be used elsewhere in Sakai when the blue appears on grey.

Before:

After:

Fixed

Details

Assignee

Reporter

Labels

Components

Fix versions

Affects versions

Priority

Created August 2, 2016 at 1:09 PM
Updated October 4, 2016 at 5:49 PM
Resolved September 29, 2016 at 10:53 AM