WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: checking for contrast errors

for

From: Sandy Feldman
Date: Oct 4, 2017 8:12AM

hey all,

http://imerciv.com/i/2test.html

I have tried eliminating the "has submenu" invisible text and using ARIA
here instead. Did I get this right? Birkir Gunnarsson talked about this
approach in a thread about Mega Menu, 2017-01-19. I hope I understood
what he meant.

In the meanwhile there is one little bit of invisible text in the colour
contrast switcher that's breaking validation.

<span class="invisible">make the background</span> light</a>

Originally the links just said "dark" and "light" but they make no sense
out of context. On the other hand, no one will ever see that text. Maybe
it doesn't matter.

Thanks so much, everyone, for taking the time to help with this.

Sandy

On 2017-10-03 4:04 PM, Jeremy Echols wrote:
> For what it's worth, assuming you use ARIA and JavaScript properly (I haven't tested this), you won't need to announce that a submenu is present, because screen readers will tell the user that there's a dropdown or that something can be collapsed or whatever. If that happens, you can eliminate the unnecessary text, and as a bonus the contrast errors go away.