Beiträge mit dem Stichwort „keyboard“

2025

Eine barrierefreie Tabelle mit anklickbaren Zeilen bauen

Erstellt am

Eine Frau berührt den Bildschirm eines Smartphones mit ihrem Zeigefinger.

Erweitere die Reichweite der Schaltflächen, um Tastaturbedienung und Screenreader zu unterstützen.

Weiterlesen

2024

Verschiedene Farbthemen mit einem zweifarbigen Fokusindikator unterstützen

Erstellt am

Nahaufnahme von den Händen einer Person, die auf einer Laptop-Tastatur schreibt.

So erzeugt ihr einen barrierefreien, universellen Fokusindikator, der im hellen und dunklen Modus funktioniert.

Weiterlesen

2023

Einfach herausragend! Die neue Popover API und CSS Anchor Positioning

Erstellt am

Ein Skateboarder beim Sprung in der Luft.

Noch nie war es so einfach, barrierefreie Menüs, Tooltips und Datumsauswahlen zu erstellen.

Weiterlesen

Nutze das inert Attribut um ungewollte Interaktionen zu verhindern

Erstellt am

Ein Faultier hängt an einem Ast.

Eine elegante Methode zur Verbesserung der Barrierefreiheit und des Nutzererlebnisses.

Weiterlesen

Gestalte ein barrierefreies News-Karussell als Angular Standalone Component

Erstellt am

Ein Karussell bei Nacht mit hellen Lichtern. Die Figuren eines Pferdes und eines Tigers sind zu sehen.

Mit Angular, ARIA-Attributen und modernem CSS erstellen wir ein zugängliches, responsives Web-Karussell.

Weiterlesen

2022

3 Gründe, warum auch Web-Entwickler:innen von Barrierefreiheit profitieren

Erstellt am

Eine Web-Entwicklerin sitzt am Arbeitsplatz mit drei Monitoren. Auf einem Bildschirm sind Code-Zeilen zu sehen.

Semantisches HTML ist leicht zu lesen, tastaturbedienbar und die perfekte Basis für CSS-Regeln.

Weiterlesen

Gestalte barrierefreie Toggle-Buttons in React

Erstellt am

Ein Mann steht hinter einem DJ Pult mit vielen Knöpfen und Drehschaltern.

Die Kombination aus Button-Element und Switch-Rolle sorgt für eine gute Usability.

Weiterlesen

Warum du das native Dialog-Element nutzen solltest

Erstellt am

Zwei weiße Sprechblasen auf pinkem Hintergrund.

Das Dialog-Element ist einfach zu handhaben und barrierefrei, abgesehen von ein paar kleinen Problemen.

Weiterlesen

Gestalte deutlich sichtbaren Tastaturfokus mit :focus-visible

Erstellt am

Nahaufnahme von Händen einer Person, die auf einer Laptop-Tastatur schreibt.

Schickes Design oder Barrierefreiheit? Mit der CSS-Pseudoklasse :focus-visible könnt ihr sowohl Tastatur-User als auch eure Kunden zufriedenstellen.

Weiterlesen

Erste Schritte zu mehr Barrierefreiheit

Erstellt am

Eine Frau im Rollstuhl. Sie balanciert einen Laptop auf ihren Knien.

Erhöhe die Barrierefreiheit deiner Website oder App mit hohem Farbkontrast, semantischem Markup und Untertitel.

Weiterlesen