WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: checking for contrast errors

for

From: Sandy Feldman
Date: Oct 3, 2017 2:55PM

Jeremy, you are absolutely right about the submenu text. That fixed
three out of four contrast errors! There's one more. I still can't track
it down.

I have no idea why "has submenu" turns into "submenu". Anybody out there
have any thoughts?

I would happily change the js and ARIA and get rid of the invisible
text. Any really solid examples you could point too? In the meanwhile I
have tinkered with what I had and came up with this
http://imerciv.com/i/2test.html
any thoughts?

Thanks SO MUCH 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.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Jeremy Echols
> Sent: Tuesday, October 03, 2017 12:59 PM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] checking for contrast errors
>
> I occasionally see this kind of behavior when there is a background image which makes the text visible, but without the background image, the text would be hard or impossible to see.
>
> That said, your page seems to have invisible text that's flagged as being poor contrast. Perhaps the method used to hide it isn't what WAVE expects? Or maybe it's being hidden with JavaScript, so WAVE doesn't know it's hidden. It is a little odd, though, that the text is there at all. It's the "has submenu" text so far as I can tell, but something odd happens to it - it's "has submenu" in the HTML, but it changes to " submenu." In the DOM, which makes it even tougher to locate, since " submenu." isn't in the source.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Jim Allan
> Sent: Tuesday, October 03, 2017 11:45 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] checking for contrast errors
>
> on Wave there are 3 buttons on the top Styles, No Styles, and Contrast.
> Clicking on the Contrast button, shows the 4 errors.
> but I can't find them on the page either.
> 3 of the 4 errors are the same color combo #000000 and #252525 the last one is #ffeeb5 and #f9f9f9 In your css you define the foreground AND background for most elements.
> Given that, still can't find the offending combinations anywhere. One of the things I do to find "hidden" low contrast text is to select all on the page to highlight everything. poor contrast (forgotten heml elements because of contrast) pop out. That is not the case on your page.
> I think this is a wave team question
>
> Jim
>
>
> On Tue, Oct 3, 2017 at 12:31 PM, Sandy Feldman < <EMAIL REMOVED> >
> wrote:
>
>> hey all,
>>
>> http://imerciv.com/i/test.html
>>
>> I have a page up that is kicking up some contrast errors. I am using
>> WAVE and checkmycolours.com to check it. WAVE finds 4 errors on the
>> dark style sheet. Check my colours finds 40 on a combination of both
>> dark and light styles.
>>
>> The problem is I can't find the errors on the page or in the css. Are
>> these false positives, or am I missing something? (probably missing
>> something.)
>>
>> Is there a contrast check utility that you like? One that does a whole
>> page at once?
>>
>> thanks so much, Sandy
>>
>>
>>
>> >> >> archives at http://webaim.org/discussion/archives
>> >>
>
>
> --
> Jim Allan, Accessibility Coordinator
> Texas School for the Blind and Visually Impaired
> 1100 W. 45th St., Austin, Texas 78756
> voice 512.206.9315 fax: 512.206.9452 http://www.tsbvi.edu/
> "We shape our tools and thereafter our tools shape us." McLuhan, 1964 > > > > > > --
Sandy

sandyfeldman.com
sandyfeldman.tumblr.com/
ca.linkedin.com/in/sandyfeldman
inclusivemedia.ca