Open
Description
There are two main styles* that do not meet the minimum level of contrast between the foreground and background:
<h1>
white foreground against a light blue background<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:
- Web Content Accessibility Guidelines (WCAG) 2.0 https://www.w3.org/TR/WCAG20/
- a nice list of standards (US 508, various international standards, WCAG etc), intro articles, etc: https://webaim.org/resources/
- a free tool to check if a page meets minimum WCAG 2.0 (accessibility) standards: http://wave.webaim.org/
just enter the page URL and it runs checks and shows you what needs to be addressed