redesign icon indicating copy to clipboard operation
redesign copied to clipboard

a11y: Colour contrast of focus state and text on header/footer too low

Open dstorey opened this issue 8 years ago • 4 comments

http://leaverou.github.io/contrast-ratio/#%236e1711-on-%23e33a2c http://leaverou.github.io/contrast-ratio/#%238E2017%20-on-%23e33a2c

Color is #6e1711 Background color is : #e33a2c Focus colour: # 8E2017

This is really low, and makes it both very difficult to read the text in the footer and the focus state of the text and focus ring. Even for my eyes with good short distance vision.

This fails WCAG criteria 1.4.3 (level AA) http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html

dstorey avatar Mar 17 '17 23:03 dstorey

lowcontrast

dstorey avatar Mar 18 '17 00:03 dstorey

Still a problem on 11/27/2017. Visited 153, and 186 before I found this one.

jeankaplansky avatar Nov 27 '17 19:11 jeankaplansky

Thank you so much for bringing our attention to it, @jeankaplansky — will look into it first thing tomorrow mornig!

vitalyfriedman avatar Nov 27 '17 19:11 vitalyfriedman

@vitalyfriedman - you're welcome!

jeankaplansky avatar Nov 28 '17 05:11 jeankaplansky