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: color contrast for <h1> titles, <a> fail WCAG 2.0 minimum standards #941

Open
weedySeaDragon opened this issue Dec 1, 2017 · 2 comments

Comments

@weedySeaDragon
Copy link

There are two main styles* that do not meet the minimum level of contrast between the foreground and background:

  1. <h1> white foreground against a light blue background
  2. <a> light blue foreground against a white background does not meet the WCAG 2.0 minimum standards for color contrast

(* "main style" == heavily used in the website. Perhaps there are some other styles, but these are the two that are prominent in the few pages I checked.)

The definitions in style.css:


a {
  color: #23aad1;
  text-decoration: none;
  transition: all 350ms ease; }
  a:active, a:focus, a:hover {
    color: #DC322F;
    text-decoration: underline; }

...

.title-page {
  background: #5CC6E4;
  min-height: 200px; }
  .title-page h1 {
    font-size: 1.875rem;
    font-family: "Lato", sans-serif;
    padding-top: 40px;
    text-transform: uppercase;
    text-shadow: rgba(0, 43, 54, 0.1) 2px 2px 0;
    color: #fff; }

References:

Example of what the WAVE tool shows for the Getting Started page:

wcag-contrast-getting-started-wave-check

@weedySeaDragon weedySeaDragon changed the title accessibility: color contrast for <a> fails WCAG 2.0 minimum stds accessibility: color contrast for <h1> titles, <a> fail WCAG 2.0 minimum standards Dec 1, 2017
@SethTisue
Copy link
Member

if tempted to tackle this, see scala/scala-lang#891 (comment)

@weedySeaDragon
Copy link
Author

In a scala/scala-lang#891 (comment) comment I encouraged @heathermiller to talk to the original site designer so that this can be addressed.

This is about meeting minimal, industry and globally accepted standards -- something important for all websites but especially critical for one so important as Scala so that the information can be shared with as many as possible.

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