:focus-visible in WebKit

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Dies ist ein schönes Update von Manuel Rego Casasnovas. Igalia hatte die Idee, wichtige Webplattform-Features gemeinschaftlich zu entwickeln (das ist die Art von Arbeit, die sie leisten). Sie nennen es Open Prioritization. Der "Gewinner" davon (der mit den meisten zugesagten Dollar) ist das, was sie tun werden. Das Ergebnis war die Unterstützung für :focus-visible in WebKit (Safari). Zum Zeitpunkt meines Schreibens haben die Leute 29.337,13 $ von dem Ziel von 35.000 $ zugesagt, also nicht schlecht!

Diese Entscheidung wurde im Januar 2021 getroffen, und wie Manuel im Juni 2021 schrieb, ist sie im Grunde erledigt, da sie in Safari Technical Preview 125 veröffentlicht wurde, was bedeutet, dass sie jetzt in Apples Händen liegt. Eine ziemlich schnelle Umsetzung für ein Web-Feature, und ein großartiges, da es ordentliche Fokusstile stark fördern wird, anstatt dieser bedauerlichen Situation, in der Leute aus ästhetischen Gründen Fokusstile entfernen und die Zugänglichkeit beeinträchtigen.

Und, Bonus!

Darüber hinaus wurde die WPT-Testsuite verbessert und zählt nun ca. 40 Tests für dieses Feature. Im Januar verwendeten weder Firefox noch Chrome :focus-visible im UA-Stylesheet, aber heutzutage verwenden beide es dort. So hat die Implementierung in WebKit dazu beigetragen, dieses Feature an verschiedenen Orten voranzutreiben.

Direkter Link →