Beiträge mit dem Stichwort „html“

Wir können die aktuell aktive Fallback-Position mit CSS abfragen und andere Styles anwenden.

Ein detaillierter Blick auf die neuen Features des nativen Offenlegungs-Elements.

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

Eine Schritt-für-Schritt-Anleitung auf Basis der Popover API und CSS Anchor Positioning.

Nutze die Fähigkeiten nativer Buttons, Dialoge, Formularelemente und ausklappbarer Widgets.

Nutze das ::placeholder CSS-Pseudo-Element, um die Barrierefreiheit deiner Website zu verbessern.

Durch die Nutzung moderner Webfunktionen könnt ihr schnell und einfach Navigationsmenüs bauen.

Wie ihr Dialoge und Popovers animiert, sie korrekt verschachtelt und Dialoge beim Hintergrund-Klick schließt.

Markiert Überschriften, Alternativtexte, Links und Buttons in euren Prototypen.

Informiere Nutzer über wichtige Ereignisse, ohne ihren Workflow zu unterbrechen.

Ein kurzer Überblick über die neuen Erfolgskriterien und praktische Beispiele für konkrete Anwendungsfälle.

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

Ein Inline-SVG-Bild kann mit CSS leicht angepasst werden und ist sehr flexibel.

Eine elegante Methode zur Verbesserung der Barrierefreiheit und des Nutzererlebnisses.

Gestaltet Listen von Schlüssel-Wert-Paaren, um euren Code besser lesbar zu machen und Screenreadern semantische Informationen zu vermitteln.

Schaffe ein einheitliches, barrierefreies Design und beschleunige den Entwicklungsprozess.

Verschachtelte Grid-Container können ihre Zeilen und Spalten perfekt aufeinander ausrichten.

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

Vor einem Jahr startete ich meinen Blog über Web-Entwicklung und Barrierefreiheit. Ein Rück- und Ausblick.

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

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

ARIA-Rollen und -Attribute können eine Website barrierefrei machen, wenn man weiß was man tut.

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

Die Grundlagen für barrierefreie Bilder und welche häufigen Fehler ihr vermeiden solltet.

Lerne wie du das native HTML-Element zur Datei-Auswahl beliebig stylen kannst.

Sich Schritt für Schritt dem Thema annähern und offen für neue Perspektiven sein.

Style native Formularelemente mit CSS, um barrierefreie Web-Formulare mit konsistentem Look zu gestalten.

Nutze die Elemente time, picture und dl für maschinenlesbare Daten, schnelleres Laden von Bildern und mehr Barrierefreiheit.