Tag: WAI-ARIA
Barrierefreiheit für User-Experience-Designer
In diesem Beitrag erläutert der JavaScript-Entwickler Matt Isner für User-Experience-Designer die Feinheiten barrierefreien Designs. Matt behandelt dabei alles von der ersten Entwurfsphase bis hin zu den technischen Details und gibt zahlreiche Tipps sowie praktische „Deque -How-to“-Hacks, mit denen Sie sicherstellen können, dass Ihre Website von Grund auf barrierefrei gestaltet ist. Denken Sie daran: Die Lösung von Barrierefreiheitsproblemen bedeutet eine Verbesserung der Benutzerfreundlichkeit für alle!
Artikel lesenBarrierefreie Schaltflächen mit ARIA erstellen: A11y-Support-Reihe
Zuvor hatte Paul J. Adam in seiner Reihe zur Barrierefreiheitsunterstützung erläutert, wie man modale Dialoge mit der ARIA-Rolle „alert“ erstellt. In seinem neuesten Beitrag dieser Reihe beschreibt Paul detailliert, wie man ein weiteres ARIA-Widget erstellt: ein einfaches UI-Steuerelement mit der Rolle „button“. Außerdem erklärt er, welche Kombinationen aus Screenreadern und Browsern unterstützt werden, wenn andere ARIA-Attribute verwendet werden, die für die Rolle „button“ zulässig sind.
Artikel lesenSo erstellen Sie modale WAI-ARIA-Warnmeldungsdialoge: Reihe zur Barrierefreiheit (A11y)
Im zweiten Teil seiner Reihe zum Thema Barrierefreiheit erklärt Paul Adam, wie man mit ARIA-Modal-Alert-Dialogen ein barrierefreies Widget erstellt. Lernen Sie neue Tricks zur Erstellung barrierefreier Widgets kennen, die über die Empfehlungen der WAI-ARIA-Authoring-Practices hinausgehen.
Artikel lesenBarrierefreie HTML-Überschriften-Auszeichnung
Do headings introduced to meet SC 2.4.10 (AAA) need to be marked up With an h<n> tag too? On this page, HTML heading markup h<n>…
Artikel lesenWie sich Barrierefreiheit auf responsives Design auswirkt
Dies verdeutlicht, warum bei der Gestaltung die Barrierefreiheit im Hinblick auf Unterschiede bei den Navigationsmethoden und beim HTML-/ARIA-Verhalten auf mobilen Geräten berücksichtigt werden muss.
Artikel lesenVerwendung von „aria-invalid“ zur Fehleranzeige
aria-invalid=true Die Einstellung von „aria-invalid“ auf „true“ ist eine schnelle und einfache Methode, um anzuzeigen, dass ein Feld die Validierung nicht bestanden hat. Allerdings ist seine Nützlichkeit im Hinblick auf die Barrierefreiheit…
Artikel lesen