Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility Fix for Libcal #11

Open
kevinreiss opened this issue Feb 24, 2022 · 0 comments
Open

Accessibility Fix for Libcal #11

kevinreiss opened this issue Feb 24, 2022 · 0 comments

Comments

@kevinreiss
Copy link
Member

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants