RE: Proposed wordsmithing for Contrast (Minimum) on interactive elements

Ø  Does anyone else have suggestions for how to clearly define color contrast requirements when the background color changes behind text (or an informative or active image) when the page is scrolled?

I’d also add and when content is resized up to 200% or whatever percent we are aiming for.  The point is that it is possible text can flow onto unexpected backgrounds when zoomed in fluid layouts.

I’d say that contrast must be met in all states of an element and the page including each when the page is scrolled except when the contrast is temporary less than 3 seconds and the contrast is maintained after that.  That is we wouldn’t fail something that fades in or out as long as the contrast is met and held until another user action occurs.

Jonathan

From: Glenda Sims [mailto:glenda.sims@deque.com]
Sent: Friday, November 11, 2016 1:54 PM
To: Katie Haritos-Shea GMAIL
Cc: public-low-vision-a11y-tf
Subject: Re: Proposed wordsmithing for Contrast (Minimum) on interactive elements

Great question Katie.  I don't think we have clearly explained the requirements when there is a scrolling background.

I think we may have a methodology related to scrolling backgrounds and color contrast for text...I'm digging for that reference now.

Does anyone else have suggestions for how to clearly define color contrast requirements when the background color changes behind text (or an informative or active image) when the page is scrolled?

G

glenda sims    |   team a11y lead   |    deque.com<http://deque.com>    |    512.963.3773

web for everyone. web on everything. -  w3 goals

On Fri, Nov 11, 2016 at 12:11 PM, Katie Haritos-Shea GMAIL <ryladog@gmail.com<mailto:ryladog@gmail.com>> wrote:
Folks,

This is be relevant to this as well as other SC about text, but does this take into account a scrolling background, as in a SPA (single page application)?

​​​​​



* katie *

Katie Haritos-Shea
Principal ICT Accessibility Architect (WCAG/Section 508/ADA/AODA)

Cell: 703-371-5545<tel:703-371-5545> | ryladog@gmail.com<mailto:ryladog@gmail.com> | Oakton, VA | LinkedIn Profile<http://www.linkedin.com/in/katieharitosshea/> | Office: 703-371-5545<tel:703-371-5545> | @ryladog<https://twitter.com/Ryladog>

From: Glenda Sims [mailto:glenda.sims@deque.com<mailto:glenda.sims@deque.com>]
Sent: Friday, November 11, 2016 9:49 AM
To: public-low-vision-a11y-tf <public-low-vision-a11y-tf@w3.org<mailto:public-low-vision-a11y-tf@w3.org>>
Subject: Proposed wordsmithing for Contrast (Minimum) on interactive elements

Oh wonderful LVTF,

David MacDonald and Alastair Campbell have closely reviewed the proposed WCAG SC for Interactive Element Contrast (Minimum) at https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Contrast_(Minimum)

And I think they have made a fabulous suggestion for rewording, that makes it easier to read (and understand) this proposed SC, while simulatenously maintaing all the of the meaning and intent.

The current (long winded) wording is:

1.   The visual presentation of important (non-text) information in an interactive image has a contrast ratio of at least 4.5:1 against the immediate surrounding background.
2.   The visual presentation of a disabled interactive element has a contrast ratio of at least 3:1 against the immediate surrounding background.
3.   The visual presentation of input elements or the border(s) of input elements has a contrast ratio of at least 4.5:1 against the immediate surrounding background, except for the following:
•         Medium Width Border for Input Elements: A medium width border (or wider) for input elements has a contrast ratio of at least 3:1 against the immediate surrounding background;
4.   The visual presentation of focus indicators and selected indicators has a contrast ratio of at least 4.5:1 against the immediate surrounding background, except for the following:
•         Medium Focus Indicator: Medium focus indicator has a contrast ratio of at least 3:1 against the immediate surrounding background;
•         Medium Selected Indicator: Medium selected indicator has a contrast ratio of at least 3:1 against the immediate surrounding background;.
•         Focus Indicator for an interactive logo image: Focus indicator for an interactive logo image has a contrast ratio of at least 3:1 against the immediate surrounding background.
The rewording proposed by David MacDonald & Alastair Campbell is:

A mechanism is available to ensure the visual presentation of the following have a contrast ratio of at least 4.5:1 against the immediate surrounding background :

  *   important (non-text) information in an interactive image;
  *   input elements or the border(s) of input elements;
  *   focus and select indicators;
except for the following which have a contrast ratio of at least 3:1.

     *   disabled interactive elements;
     *   thicker lines: where the minimum width of the line is at least 3px;
     *   focus Indicators for an interactive logo image;
I'm in 100% favor of changing the wording to what David/Alastair have proposed.  But before I do that, I wanted to give y'all a chance to give me feedback.  If you are in favor of this change, can you respond with +1?  If you are opposed...can you respond with a -1 and help us understand what you think would be better?

Thanks much,
G

P.S.  I'll hold off on making this change on the wiki until Monday Nov 14th at noon central time.