Banner Area Fails Color Contrast Testing
The banner on the front page fails contrast testing. Testing was conducted using the Color Contrast Analyzer plugin for Chrome.
Part of this is due to the unpredictable results of having text over an image. Variations in color can affect the legibility of text
The link button underneath the image also fails according to contrast testing with the Color Contrast Analyzer.
To fix the issue with the text, I propose two different solutions:
Add shadowing to text to increase the contrast as follows: text-shadow: 0px 0px 5px black, 0px 0px 64px black, 0px 0px 20px black;
or
Add a background color with enough opacity to enforce contrast and be aesthetically pleasing.