[Webkit-unassigned] [Bug 30523] Add support for -webkit-focusring CSS pseudo class

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=30523

--- Comment #8 from Kyle Bavender <kyle.bavender at me.com> ---
(In reply to Justus Romijn from comment #7)
> Indeed I see now I made a mistake. 
> 
> The behaviour we were implementing for our UI actually wants default
> outlines only on focus-visible, but it seems that Safari, with that setting
> enabled, does that for you (e.g., when tabbing to a button, shows an
> outline, whilst clicking a button does not) so I wrongly assumed this means
> the pseudo selector works. But this is by accident just the default
> behaviour when you opt-in with the accessibility option. Sorry!

Hey no worries! I just wanted to make sure it is clear to all that :focus-visible is unique, and can be very useful. Indeed, earlier this morning I learned via the MDN article linked that the browser does this by default on button elements. This is good to know!

Re: :focus-visible, I am eager for the myriad possibilities that open up both for other types of elements — anchors, input fields, and more — and also for the creation of more helpful and dynamic focus styles that are aware of the input method.

I am a sighted user, but I do try to use my ergonomic keyboard as much as I can (vs. my mouse; both for ergonomics, and for speed), so I am familiar with, and do tend to recommend turning on the macOS setting to allow keyboard navigation to move focus between controls. :focus-visible would be a great tool for making more intuitive and accessible interfaces.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210211/38760763/attachment.htm>