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

That is where thick border, or the border plus outline (or blur) thingy can help….

 

​​​​​

 

 

 

* katie *

 

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

 

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

 

From: Glenda Sims [mailto:glenda.sims@deque.com] 
Sent: Friday, November 11, 2016 1:54 PM
To: Katie Haritos-Shea GMAIL <ryladog@gmail.com>
Cc: public-low-vision-a11y-tf <public-low-vision-a11y-tf@w3.org>
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>  |  <mailto:ryladog@gmail.com> ryladog@gmail.com | Oakton, VA |  <http://www.linkedin.com/in/katieharitosshea/> LinkedIn Profile | Office: 703-371-5545 <tel:703-371-5545>  |  <https://twitter.com/Ryladog> @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.