Re: the case of the pink outline

Yes, perhaps something in the ‘testing principles’ section.

It currently says:
“If the least-contrasting area is less than 3:1, assume that area is invisible, is the graphical object still understandable?”

But adding that example above in the Graphical objects section would help more.

Glenda, was my cryptic email (from my phone on a train) enough for you to start editing?

What I meant was: Yes, please do edit it as it is up to date. You just need to switch branch to the non-text-contrast branch.

Cheers,

-Alastair

From: Jim Allan <jimallan@tsbvi.edu>
Date: Tuesday, 27 February 2018 at 20:48
To: Alastair Campbell <acampbell@nomensa.com>
Cc: Glenda Sims <glenda.sims@deque.com>, LVTF - low-vision-a11y <public-low-vision-a11y-tf@w3.org>
Subject: Re: the case of the pink outline

I think the principle of “delete areas of non-contrast” should be part of the testing.

On Tue, Feb 27, 2018 at 3:29 AM, Alastair Campbell <acampbell@nomensa.com<mailto:acampbell@nomensa.com>> wrote:
Hi Glenda,

It looks like this is a case of adding a border that reduces contrast!?

The flexibility is about the graphical object, so you can use either the white arrow, or the purple border.

The main answer to your question is: Use the principle of “delete areas of non-contrast”, if you remove the pink border (e.g. make it white or purple), does that pass?

I.e. select the white arrow and ignore the pink border, so white against purple.

Having “deleted” the pink border, it would still need to make sense as a graphical object, you should still understand it.
For example, if the pink border was a larger area, and made an arrow in the opposite direction (so white pointed right, within a pink arrow that pointed left), you would lose information and it would not pass.

That makes for an interesting test-case… thanks!

-Alastair



From: Glenda Sims

Dear LVTF,

How do we test for contrast on a non-text icon that looks like this:

  *   white (#FFFFFF) arrow with a
  *   pink (#FF5FFF) outline on a
  *   purple (#5B30FF) background
[Inline image 1]

In looking at the 3 colors and contrasting them with each other:

  *   white (#FFFFFF) to purple (#5B30FF)  = 6.3 to 1 color contrast
  *   white (#FFFFFF) to pink    (#FF5FFF)  = 2.5 to 1 color contrast
  *   pink   (#FF5FFF) to purple (#5B30FF)  = 2.5 to 1 color contrast
Do I have to fail this icon for WCAG 2.1 SC 1.4.11 Non-Text Contrast because the pink outline of the arrow does not contrast enough with the purple background?

Or...am I allowed to ignore the pink outline..and compare the white arrow to the purple background and let this arrow icon pass 1.4.11 Non-Text Contrast.

My brain keeps telling me I should let this pass...but I'm not sure how to articulate that it is okay to ignore the pink outline.  Why do I think it is okay to ignore the outline?  Because when I squint, I can almost make the pink outline disappear.  But how would I explain to a tester...that it is okay to ignore the outline???

G


glenda sims  |   team a11y lead   |    deque.com<http://deque.com>    |    512.963.3773<tel:(512)%20963-3773>
*web for everyone. web on everything.* -  w3 goals

[IAAP International Association of Accessibility Professionals: Certified Professional in Accessibility Core Competencies (CPACC)]




--
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