search

pulibrary / libapps

Customizations and project management of vendor-hosted library applications, e.g., Springshare and Alma.
0 stars 0 forks source link

Accessibility Fix for Libcal #11

Open kevinreiss opened 2 years ago

kevinreiss commented 2 years ago

The following custom css is causing a WCAG violation in libcal

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
background-color: #e87411;
border: 0;
}

The :focus state on buttons and many form elements at https://libcal.princeton.edu/appointments has very little contrast in Firefox. WCAG Rule

1.4.11 AA: User interface components and states (icons, active indicators) have a contrast ratio of 3:1 against adjacent color(s).

From the OIT key sites audit.