Es gibt eine JavaScript-Bibliothek namens Focusingly, die besagt:
Mit Focusingly passt das Fokus-Styling an, um einzelne Elemente zu ergänzen und zu umschließen.
Keine Konfiguration erforderlich, Focusingly findet es heraus. Das Ergebnis ist ein ansprechend maßgeschneiderter Effekt, der subtil ins Auge fällt.
Die Idee ist, dass wenn eine Linkfarbe (oder ein beliebiges fokussierbares Element) rot ist, der Rahmen ebenfalls rot sein wird, anstelle dieses unscharfen Hellblau, das ästhetisch unerwünscht sein könnte.
Warum JavaScript? Ich bin mir nicht ganz sicher. Matt Smith hat eine Demo erstellt, die zeigt, dass die outline-Farbe von der color erbt, was zum gleichen Ergebnis führt.
a:focus {
outline: 1px solid;
outline-offset: .15em;
}