Re: [csswg-drafts] Add :focusring selector

> Reading the "Understanding SC 2.4.7 (Focus Visible)" it's pretty clear the intent of that guideline is to make focus always visible for all users.

For mouse users, the focus is always wherever they move their mouse to and click. This is different from keyboard users who need to know their current position within the document.

The problem with using straight `:focus` is also that it can end up confusing users. Take, for example, a series of buttons on a page that trigger some in-page behavior. They trigger every time the user activates them. Now a mouse user clicks one to trigger its specific behavior, and the `:focus` styles kick in. The button now looks visually different from the other buttons. However, it still functions exactly the same as before. This can confuse sighted mouse users who may think the button is now...different (maybe they think it's disabled, or that the button is some kind of on/off toggle, etc).

So, from an accessibility and usability issue, I would actually advocate for `:focus-ring`  in these cases, and I would not fail this under WCAG 2.0 SC 2.4.7

-- 
GitHub Notification of comment by patrickhlauke
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/pull/709#issuecomment-305588319 using your GitHub account

Received on Thursday, 1 June 2017 19:01:28 UTC