Direkter Link zum Artikel Ein tiefer Einblick in das Überspringen von Inhalten

Ein tiefer Einblick in das Überspringen von Inhalten

Während die meisten Menschen, die im Internet surfen, einen Computer benutzen und eine Maus verwenden, verlassen sich viele stattdessen auf ihre Tastatur. Theoretisch sollte die Verwendung einer Webseite mit der Tastatur kein Problem darstellen – drücken Sie die TAB-Taste, um den Tastaturfokus zu verschieben…

Avatar of Paul Ratcliffe
Paul Ratcliffe am
Direkter Link zum Artikel Styling von Formularvalidierung bei Eingabefokus

Formularvalidierungs-Styling bei Eingabefokus

/* Only show invalid ring while not focused */
input:not(:focus):not(:placeholder-shown):invalid {
  border-color: var(--color-invalid);
}
input:not(:focus):not(:placeholder-shown):invalid ~ .error-message {
  display: block;	
}

/* Only show valid ring while not focused and if a value is entered */
/* :empty won't work 
Avatar of Geoff Graham
Geoff Graham am
Direkter Link zum Artikel Weekly Platform News: Fokusringe, Donut-Scope, mehr em-Einheiten und globale Datenschutzsteuerung

Weekly Platform News: Fokusringe, Donut-Scope, mehr em-Einheiten und globale Datenschutzsteuerung

In den Nachrichten dieser Woche befasst sich Chrome mit Fokusringen, wir lernen, wie man "Donut"-Scope erhält, die globale Datenschutzsteuerung erhält die Unterstützung großer Namen, es ist Zeit, Pixel in Media Queries zu verbannen, und ein Snippet, das störendes Formularvalidierungsstyling verhindert.…

Avatar of Šime Vidas
Šime Vidas am
Direkter Link zum Artikel Wie wir die Barrierefreiheit unseres Single-Page-App-Menüs verbessert haben

Wie wir die Barrierefreiheit unseres Single-Page-App-Menüs verbessert haben

Ich habe kürzlich mit meinem Team begonnen, an einer Progressive Web App (PWA) für einen Kunden zu arbeiten. Wir verwenden React mit clientseitigem Routing über React Router, und eines der ersten Elemente, die wir erstellt haben, war das Hauptmenü. Menüs…

Avatar of Luke Denton
Luke Denton am