:focus-visible in WebKit

This is a nice update from Manuel Rego Casasnovas. Igalia has this idea to sort of crowd-source important web platform features that need to get worked on (that’s the sort of work they do). They call it Open Prioritization. …


The post :focus-visible in WebKit appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier

This is a nice update from Manuel Rego Casasnovas. Igalia has this idea to sort of crowd-source important web platform features that need to get worked on (that’s the sort of work they do). They call it Open Prioritization. The “winner” of that (the one with the most-pledged dollars) is what they’ll do. That turned out to be :focus-visible support in WebKit (Safari). As I write, people have pledged $29,337.13 of the $35,000 goal, so not bad!

That choice was made in January 2021, and as Manuel was writing in June 2021, it’s basically done because it shipped in Safari Technical Preview 125 meaning it’s in Apple’s hands now. Pretty nice speed for a web feature, and a great one since it will highly encourage proper focus styles rather than that bummer situation where people remove focus styles for aesthetic reasons, hurting accessibility.

And, bonus!

In addition, the WPT test suite has been improved counting now ~40 tests for this feature. Also in January neither Firefox or Chrome were using :focus-visible on the UA style sheet, however they both use it there nowadays. Thus, doing the implementation on WebKit has helped to move forward this feature on different places.

Direct Link to ArticlePermalink


The post :focus-visible in WebKit appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier


Print Share Comment Cite Upload Translate Updates
APA

Chris Coyier | Sciencx (2021-07-09T18:53:51+00:00) :focus-visible in WebKit. Retrieved from https://www.scien.cx/2021/07/09/focus-visible-in-webkit/

MLA
" » :focus-visible in WebKit." Chris Coyier | Sciencx - Friday July 9, 2021, https://www.scien.cx/2021/07/09/focus-visible-in-webkit/
HARVARD
Chris Coyier | Sciencx Friday July 9, 2021 » :focus-visible in WebKit., viewed ,<https://www.scien.cx/2021/07/09/focus-visible-in-webkit/>
VANCOUVER
Chris Coyier | Sciencx - » :focus-visible in WebKit. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/09/focus-visible-in-webkit/
CHICAGO
" » :focus-visible in WebKit." Chris Coyier | Sciencx - Accessed . https://www.scien.cx/2021/07/09/focus-visible-in-webkit/
IEEE
" » :focus-visible in WebKit." Chris Coyier | Sciencx [Online]. Available: https://www.scien.cx/2021/07/09/focus-visible-in-webkit/. [Accessed: ]
rf:citation
» :focus-visible in WebKit | Chris Coyier | Sciencx | https://www.scien.cx/2021/07/09/focus-visible-in-webkit/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.