Kostenloser Scan

„Unsichtbarer Fokus“ in HTML beheben

Warum das ein Problem ist

Mit „outline: none“ sieht, wer per Tastatur navigiert, den Fokus nicht mehr.

So beheben Sie es — HTML

Entfernen Sie den Umriss nie ersatzlos; nutzen Sie :focus-visible. Bei Fokus über Rahmen oder Hintergrund: manuell prüfen.

Vermeiden
<style>
  a:focus, button:focus { outline: none; }
</style>
Korrekt
<style>
  /* Visible au clavier, discret à la souris */
  a:focus-visible, button:focus-visible {
    outline: 3px solid #171e19;
    outline-offset: 2px;
  }
</style>

Prüfen Sie Ihre Website in 30 Sekunden

Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.

Kostenloser Scan

Weitere Korrekturen