Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Artikel mit Schlagwort
focus

21 Artikel
{
,

}
Direkter Link zum Artikel Elternteil sichtbar halten, während Kind in :focus ist
:focus-within Barrierefreiheit Fokus

Elternteil sichtbar halten, während Kind in :focus ist

Nehmen wir an, wir haben ein <div></div>.

Wir wollen, dass dieser div *nur* sichtbar ist, wenn er gehovert wird, also

div:hover { 
  opacity: 1; 
}

Wir brauchen auch Fokusstile, für die Barrierefreiheit, also

div:hover,
div:focus { 
  opacity: 1; 
}

Aber Divs...

Avatar of Chris Coyier
Chris Coyier am 12. Dez. 2017
Direkter Link zum Artikel Den hässlichen :focus-Ring entfernen (und trotzdem behalten)
Barrierefreiheit Fokus

Den hässlichen :focus-Ring entfernen (und trotzdem behalten)

David Gilbertson

Das Entfernen der Fokus-Umrandung ist wie das Entfernen der Rollstuhlrampe aus einer Schule, weil sie nicht zur Ästhetik passt.

Also zeigt David, wie man sie entfernen kann, *es sei denn*, man erkennt, dass der Benutzer mit der Tab-Taste navigiert, dann ...

Avatar of Chris Coyier
Chris Coyier am 16. Juni 2021
Direkter Link zum Artikel Fokus-Stile bei nicht-interaktiven Elementen?
Barrierefreiheit Fokus

Fokus-Stile bei nicht-interaktiven Elementen?

Letzten Monat hat Heather Migliorisi die Barrierefreiheit von Smooth Scrolling untersucht . Um Smooth Scrolling zu ermöglichen, müssen Sie

  1. Überprüfen, ob der angeklickte Link ein #jump-Link ist
  2. Das Standardverhalten des Browsers stoppen, sofort zu diesem Element zu springen
…
Avatar of Chris Coyier
Chris Coyier am 2. Mai 2017
  • Neuer
  • 1
  • 2
  • 3

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .