blog.bartlweb - a technologist's external brain

Barrierefreie Links mit CSS

Um Links nicht nur per Maus-Hover sondern auch per Focus mit der Tastatur hervorzuheben muss für jeden link a:hover und a:focus definiert werden. IE6 kann kein a:focus, dafür wird a:active bei erhaltenem Focus angewandt.

Generell können die Pseudo-Klassen :hover und :focus auf alle HTML-Elemente angewandt werden, wobei :focus nur bei Links und Formularelementen zum Einsatz kommt. Zu beachten ist: IE6 kennt kein :focus und IE7 kennt :focus nur für Links.

:hover - mit der Maus über dem Element

:focus - Element hat focus

:active - Element ist angeklickt

Dieser Artikel hat dir deinen Tag gerettet?
... und mühevolles Probieren, Recherchieren und damit Stunden an Zeit gespart? ... oder einfach nur dein Problem gelöst?

Dann würde ich mich freuen, wenn Du meine Zeit für die Erstellung dieses Blogartikels mit einer kleinen Spende honorierst:

Kommentare

Noch kein Kommentar vorhanden.
Sei der Erste - ich freue mich über deine Anmerkungen, Kritik und Fragen.

Kommentar schreiben

Deine E-Mailadresse wird nur für Benachrichtigungen und Rückfragen verwendet und wird nicht veröffentlicht.

Benachrichtigungen können jederzeit wieder abbestellt werden.

Bitte tippe die Zahlenkombination "3860" ein, nur dann kann ich deinen Kommentar entgegennehmen.

Bitte fülle dieses Feld nicht aus, nur dann kann ich deinen Kommentar entgegennehmen.