RE: Focus visible enhanced update

  *   : "The pixels making up the minimum focus indicator area achieve at least a 3:1 contrast ratio between their colors in the focused and unfocused states."

It's my assumption that this clause for both criteria is only applicable to the indicator is within the bounds of the control and does not apply if the indicator is outside the bounds of the control.  This would not be applicable to the page background behind the control.  If that is not correct please let me know.

Jonathan

From: Alastair Campbell <acampbell@nomensa.com>
Sent: Tuesday, February 16, 2021 6:01 PM
To: WCAG list (w3c-wai-gl@w3.org) <w3c-wai-gl@w3.org>
Subject: Focus visible enhanced update

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.

Hi everyone,

There were a few questions about the update to the AAA version we surveyed here:
https://www.w3.org/2002/09/wbs/35422/wcag22-focus-appearance-enhanced/results#xq1

I just wanted to do a quick line-by-line on the changes/alignment, comparing the min to enhanced version.

Most of the mis-alignment is in the size bullet, there is a second option there if people prefer that.


1st line:
Min: "When user interface components receive keyboard focus, all of the following are true:"
Enh: "When user interface components have keyboard focus, all of the following are true:"

Differences: received to "have", making it a higher requirement.


Min area bullet:
Min: The focus indicator area is either:

  *   at least as large as the area of a 1 CSS pixel thick perimeter of the unfocused component;
  *   at least as large as a 4 CSS pixels border along the shortest side of the unfocused component, and no thinner than 2 CSS pixels.
Enh: "The focus indicator area is greater than or equal to a 2 CSS pixel solid border around the component."

Differences:

  *   Removed the second sub-bullet, raising the requirement.
  *   Left the "is greater than or equal to" as it was, thinking that the requirement is more blunt, so it was ok.
  *   Left "solid", just for emphasis.
  *   Left "border around" as with a width of 2px, you don't have the same math issues.

If people would prefer more alignment, then I'd suggest:
"The focus indicator area is at least as large as the area of a 2 CSS pixel thick perimeter of the unfocused component;"

However, the question is then: Does a 2px perimeter mean inside the element or outside? (Because you can't fit 2px on the perimeter.)


Change of contrast bullet:
Min: "The pixels making up the minimum focus indicator area achieve at least a 3:1 contrast ratio between their colors in the focused and unfocused states."
Enh: "The pixels making up the minimum focus indicator area achieve at least a 4.5:1 contrast ratio between their colors in the focused and unfocused states."

Differences: Just the contrast level number.


Adjacent contrast bullet:
This is not included in the AAA version, as the AA version is "The pixels in the minimum focus indicator area achieve at least a 3:1 against adjacent colors in the focused component or the minimum focus indicator area has a thickness of at least 2 CSS pixels."

The 2px thickness is met so the bullet is not needed.


Not obscured bullet:
Min: "The item with focus is not entirely hidden by author-created content."
Enh: "No part of the focus indicator is hidden by author-created content."

Differences: increased the requirement to 'no part' and making the target the 'focus indicator' rather than the element.


Kind regards,

-Alastair

--

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