Non-text contrast proposal updates

Hi everyone,

Based on the discussion in the meeting today, I've made some updates and additions to the proposal:
Non-text contrast update (Survey version) - Google Docs<https://docs.google.com/document/d/1xYriil533EW5DfOTDedG1g25JiVNqt0FJcQECys5n0o/edit>
Note Fig 3 is updated to make a clearer case, without the black border.

The key explanation is at the top in yellow, I'll also add that here:
"Most focus indicators appear outside the component, in that case it needs to contrast with the background that the component is on. Other cases include focus indicators which are:

  *   only inside the component and need to contrast with the adjacent color(s) within the component.
  *   the border of the component (inside the component and adjacent to the outside) and needs to contrast with both adjacent colours.
  *   partly inside and partly outside, where either part of the focus indicator can contrast with the adjacent colors."

Today, I think we got agreement on the call that figure 1 and 2 were correctly marked (i.e. Fig 1 pass. Fig 2 fail).

It would be useful if people could reply with their assessment of the other examples, e.g:

Figure 3: Pass because it is the outside of the component, adjacent to the component background, and contrasts with that.

Figure 4: Pass because non-text contrast has no size requirement, and if you ignore the non-contrasting area, there is still an area of contrast.

Figure 5: Fail, due to lack of adjacency with the component (and the indicator is inside the component).

Figure 6: Fail, due to lack of contrast with adjacent colours in the component.

Figure 7: Pass, contrasts with all adjacent colors.

Figure 8: Not in scope, no adjacent colours to test.

That matches the proposal document. A couple of notes on my reasoning:


  *   You could read the relevent bit of the SC text ("The visual presentation of the Visual information required to identify user interface components and states, has a contrast ratio of at least 3:1 against adjacent color(s)") as meaning both components and states must contrast with all colours. However, that reading would make many interfaces impossible. The group (and the understanding doc) have taken a more pragmatic view.

  *   Figure 3 is the main example that we have discussed before and agreed should pass, which is why it's in the understanding doc.

  *   Figures 1, 4, 5, 6, & 7 are essentially new, we haven't previously tackled those in official docs so we are not un-doing any previous decisions.

Also, for anyone new to this particular sub-topic, it's worth reading through #1775 to understand how people outside the group have interpreted this aspect: https://github.com/w3c/wcag/issues/1775

Kind regards,

-Alastair

--

@alastc / www.nomensa.com<http://www.nomensa.com>