WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: question regarding WAVE, color contrast and color difference

for

From: Birkir R. Gunnarsson
Date: Oct 18, 2015 5:35PM

I am curious about that last statement.
There are a couple of classic case of hiding content for screen
readers only, using off-screen CSS or the clip method are the two most
popular ones.
These classes have no standard names, but often have names such as
visualyHidden or offScreen.
So I would think that accessibility testing tools can make educated
guesses about the intension based on these classes.
That being said, I also see the complications.
A text maybe visually hidden, or completely hidden, until user takes a
certain action (such as activating a link or schecking a checkbox), at
which point the content becomes visible.
I wish we had an ARIA attribute, standard class name or something else
to clearly signal the intention of visually hiding content but keeping
it available to assistive technologies.
ARIA already offers a lot of new functionality, such as invisible
labeling (using aria-label).

That being said, the less text we need specifically for one group of
users, the better.



On 10/17/15, Howard Kramer < <EMAIL REMOVED> > wrote:
> Thanks James.
>
> -Howard
>
> On Sat, Oct 17, 2015 at 6:22 PM, James Nurthen < <EMAIL REMOVED> > wrote:
>
>> There is only 1 real contrast error on that page - the placeholder text in
>> the search box does not meet the 4.5:1 ratio. Many contrast checkers miss
>> this one.
>>
>> The other error that tools will find is the "Our Sponsors" text which is
>> provided as a header for screen reader users and is not shown visually on
>> the page. Many tools will still report this text as it is very difficult
>> to
>> determine automatically that it is not actually visible.
>>
>> Regards,
>> James
>>
>> On Sat, Oct 17, 2015 at 12:01 PM, Howard Kramer < <EMAIL REMOVED> > wrote:
>>
>> > Hello All:
>> >
>> > This may be a question best answered by Jared or Jonathan but I welcome
>> any
>> > other input.
>> >
>> > I used the WAVE tool <http://wave.webaim.org/>; to check the Accessing
>> > Higher Ground home page <http://accessinghigherground.org/>; and found 2
>> > low
>> > contrast flags under the "style" tab (or with styles active) but none
>> under
>> > the "contrast" tab. Does this mean that there's a setting in my css that
>> > stipulates low contrast but it is not used on the page?
>> >
>> > Also, I ran the Juicy Studios Contrast Analyzer and found 1 color
>> contrast
>> > issue (this also seems to be a case of a css color setting that does not
>> > actually appear on the page) but a number of color difference issues.
>> > The
>> > latter is not specified in WCAG 2.0 as far as I can tell. How concerned
>> > should I be regarding color difference?
>> >
>> > Thanks,
>> > Howard
>> >
>> >
>> >
>> > --
>> > Howard Kramer
>> > Conference Coordinator
>> > Accessing Higher Ground
>> > 303-492-8672
>> > cell: 720-351-8668
>> >
>> > Join us for the *Accessing Higher Ground Conference
>> > <http://accessinghigherground.org/>;* in Denver, Colorado, Nov 16-20,
>> > 2015.
>> > Complete Attendee, Exhibitor, Hotel, and Registration materials are
>> > available now.
>> >
>> >
>> >
>> > Complete program information and registration is open for our full
>> line-up
>> > of webinars, *AHEADtoYOU!
>> > <http://ahead.org/learn/virtual-learning/webinars>;* And the *Technology
>> > Access Series <http://ahead.org/learn/virtual-learning/at_webinars_15_16
>> > >*.
>> > Site capacities for all webinar events is limited; please register at
>> your
>> > earliest convenience for the largest selection.
>> >
>> >
>> >
>> > Not yet a member of AHEAD? *We welcome you to join AHEAD now.
>> > <http://ahead.org/join/become-a-member>;*
>> > >> > >> > >> > >> >
>> >> >> >> >>
>
>
>
> --
> Howard Kramer
> Conference Coordinator
> Accessing Higher Ground
> 303-492-8672
> cell: 720-351-8668
>
> Join us for the *Accessing Higher Ground Conference
> <http://accessinghigherground.org/>;* in Denver, Colorado, Nov 16-20, 2015.
> Complete Attendee, Exhibitor, Hotel, and Registration materials are
> available now.
>
>
>
> Complete program information and registration is open for our full line-up
> of webinars, *AHEADtoYOU!
> <http://ahead.org/learn/virtual-learning/webinars>;* And the *Technology
> Access Series <http://ahead.org/learn/virtual-learning/at_webinars_15_16>;*.
> Site capacities for all webinar events is limited; please register at your
> earliest convenience for the largest selection.
>
>
>
> Not yet a member of AHEAD? *We welcome you to join AHEAD now.
> <http://ahead.org/join/become-a-member>;*
> > > > >


--
Work hard. Have fun. Make history.