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

Default link color failing WCAG2.0 AA contrast requirement on #f8f8f8 backgrounds #855

Closed
bradleywertman opened this issue Nov 3, 2017 · 3 comments

Comments

@bradleywertman
Copy link

After doing some initial accessibility testing on our sites using Calcite, we are noticing the default link color (#0079c1) does not have a high enough contrast ratio on elements with the background color of #f8f8f8. This looks to be mainly affecting the footers and the default panel color.

For WCAG2.0 AA, the requirement is to have contrast ratio of 4.5:1. Currently the contrast ratio for these elements are 4.39:1.

For the time being, to meet this WCAG requirement, we are thinking of overriding the default link color to #0074b8. Unless a new review of colors is coming soon ... RC9?

The last talk of color combinations and WCAG 2.0 looks to be from #755

@paulcpederson
Copy link
Member

Yeah, a couple solutions come to mind:

  1. Make the blue slightly darker
  2. create a link-dark-blue modifier class which is meant specifically to sit on top of $offwhite

@paulcpederson
Copy link
Member

Kind of related to #649 which was the same problem solved in a different way

@paulcpederson paulcpederson self-assigned this Nov 3, 2017
@paulcpederson paulcpederson added this to the v1 milestone Nov 3, 2017
paulcpederson added a commit to paulcpederson/calcite-web that referenced this issue Mar 8, 2018
@paulcpederson
Copy link
Member

Next release will have a link-dark-blue class for a slightly darker link color (WCAG AA valid). Also adding a note about this in the documentation.

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