Address insufficient contrast of white text over grey background: 0.5

[paregorios]

e.g., in breadcrumbs for people sections.

The color #FFF with background color #B5B2B0 has a contrast ratio of 2.1:1, which fails for normal sized text.

Traceability: Microassist Report 1 > WCAG Compliance > Color Contrast

WCAG 2.0: 1.4.3 Contrast (Minimum): The visual presentation of texts and images of text has a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. 14 point and bold or larger, or 18 point and larger. (Level AA)

[paregorios]

In order to achieve proper contrast, make the following CSS changes:

background of gray breadcrumbs:

#portal-breadcrumbs {
    background: #ddd9d6;
    ...

links, text, and separators for the breadcrumbs:

color: #333;

Result should look like this:

[alecpm]

This is live on staging (whenever it's back online)

[alecpm]

I do think this needs a better focus indicator. Perhaps adding padding: 5px; border: 3px solid transparent; and on hover/focus border-color: blue; with a reduction in right margin from 14px to 8px to account for the additional border and padding.

[paregorios]

Desired contrast goals achieved. I agree with @alecpm about focus/hover; I'll create a new ticket for that and let's hold this one as blocked until that other ticket has been implemented and reviewed.

[paregorios]

@alecpm Actually, we've lost the section-specific background colors for "graduate studies," "visiting scholars," "events," and "exhibitions" (compare to production). The gray background color (which is now universal on staging) is meant only to apply to sections that are not those "colorful four".

[alecpm]

I commented out the special color sections because they seemed to have some contrast issues with the new text color. I can bring them back. I'd suggest we consider switching to white text for those (at least for the brick and "graduate studies" colors).

[paregorios]

Yes, I'm sorry I wasn't clearer earlier. I didn't see any need to change the text color for the special-color sections; their contrast numbers were fine. This ticket should have been constrained only to breadcrumbs that were making use of the gray background.

[alecpm]

This is fixed on staging.

[paregorios]

Looks good. Please merge to master and deploy to production.