Improve contrast in yellow Access Restrictions badges

[ccleeton]

Users are not seeing the access badges change color or opacity?

Success Criteria

• [ ] https://webaim.org/resources/contrastchecker/ passes for the site.

Implementation Tips

We can change the colors like so:

Current colors (failing): Background: #FCECBD Foreground: #f3c560

Passing colors: Background: #FCECBD Foreground: #8B640E

First Step

Search in the codebase for the current colors.

[ccleeton]

This work would have a high impact on users and staff knowing the level of restriction with potentially a low effort from DLS.

[sdellis]

The contrast for the text on the badge vs. the background must be 4.5:1

We can check that here: https://webaim.org/resources/contrastchecker/

Current colors (failing): Background: #FCECBD Foreground: #f3c560

Passing colors: Background: #FCECBD Foreground: #8B640E

We may want to play with the colors, but the main priority is to have passing contrast.

[sdellis]

Example: https://findingaids.princeton.edu/catalog/C1491

Screenshot: