Nehmen Sie sich jetzt zwei Minuten Zeit und besuchen Sie Ihr aktuelles Projekt in einem Browser. Dann, nur mit der Tabulatortaste, *sollten* Sie zwischen interaktiven Elementen wie Schaltflächen, Links und Formularelementen navigieren können.
Wenn Sie sehen können, *sollten* Sie…
Das ist ein schönes Update von Manuel Rego Casasnovas. Igalia hat die Idee, wichtige Webplattform-Features quasi per Crowdsourcing zu entwickeln (das ist die Art von Arbeit, die sie machen). Sie nennen es Open Prioritization. …
Diese Woche gibt es viel Barrierefreiheit in den Nachrichten, von den Nuancen der Verwendung von :focus-visible und Eingabeplatzhaltern bis hin zu barrierefreien Schriftarten und einem Safari-Bug mit :display: contents. Plus ein Snippet für eine einfache Web-Komponente, die … unterstützt
Schau an! Der Pseudo-Selektor :focus-visible wird jetzt in Firefox unterstützt, ab Version 85, die gestern veröffentlicht wurde. Ich musste schnell zu den MDN Docs, um das zu bestätigen, und ja, die :focus-visible-Seite wurde aktualisiert auf …
Es lohnt sich immer zu wiederholen: Alle interaktiven Elemente sollten einen Fokusstil haben. So kann ein Tastaturnutzer erkennen, wenn er den Fokus auf dieses Element verschoben hat.
Aber wenn Sie dafür allein :focus verwenden, hat das einen Nebeneffekt, der…
Die Pseudo-Klasse :focus-visible (auch bekannt als „Focus-Indicated“-Pseudo-Klasse) ist eine native CSS-Methode, um Elemente zu stylen, die
:focus-visible wird ähnlich wie :focus verwendet: um …
Wie Eric Bailey sagt, wenn etwas interaktiv ist, benötigt es einen Fokusstil. Vielleicht Ihre beste Wahl? Entfernen Sie nicht die verdammten Outlines, die fokussierbare Elemente standardmäßig haben. Wenn Sie sich für ein `button { outline: 0; }` entscheiden, ...
Patrick H. Lauke befasst sich mit der zukünftigen CSS-Pseudo-Klasse :focus-visible. Wir stecken noch in den Anfängen der Browserunterstützung, aber sie zielt darauf ab, eine peinliche Situation zu lösen
…... Fokusstile können oft unerwünscht sein, wenn sie als
