Schnelle Tipps für den Hochkontrastmodus

Avatar of Chris Coyier
Chris Coyier am

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

Sarah Higley hat einige CSS-Tricks auf Lager für den Umgang mit dem High Contrast Mode unter Windows, der, wie ich gelernt habe, als WHCM bezeichnet wird.

Hier ist der erste Trick

[…] Wenn die Standard-CSS-Eigenschaft `outline` Ihnen nicht den gewünschten visuellen Effekt für Fokuszustände [im WHCM] bietet, gibt es eine sehr einfache Lösung. Anstatt die Standard-Browser-Fokusstile mit `outline: none` zu überschreiben, machen Sie sie stattdessen transparent: `outline 3px solid transparent`.

Das tut im Grunde nichts außerhalb von WHCM, aber in WHCM wird es ein dicker weißer Rand sein, was ein starker, guter visueller Fokusstil ist.

Direkter Link →