Better Accessibility

Überblick

Barrierefreie Software funktioniert für alle Menschen – auch für Personen, die ausschließlich eine Tastatur verwenden, auf Screenreader angewiesen sind oder Zoom- und Bewegungseinstellungen anpassen. Dieser Skill bietet strukturierte Ansätze für die Entwicklung und Prüfung barrierefreier Komponenten.

Highlights

• Verwendet zuerst semantische HTML-Elemente und ergänzt benutzerdefiniertes ARIA nur bei Bedarf
• Implementiert sichtbare Fokusmarkierungen und Tastaturnavigation für alle Komponenten
• Testet mit tatsächlicher Tastaturbedienung und Screenreader-Software
• Legt eine minimale Touch-Fläche von 44 × 44 Pixeln und eine sichtbare Zielgröße von 24 × 24 Pixeln fest
• Unterstützt eine Textvergrößerung auf bis zu 200 % und berücksichtigt die Einstellung prefers-reduced-motion
• Erstellt Live-Regionen zur Ankündigung dynamischer Inhalte
• Nutzt Alternativtexte gezielt für Bilder und funktionale Symbole
• Prüft Formulare auf korrekte Beschriftungen, Fehlermeldungen und den richtigen Zeitpunkt der Validierung

Für wen

Für Entwickler, die Web- und Anwendungsoberflächen erstellen oder prüfen. Nutze diesen Skill bei der Umsetzung neuer Komponenten, der Bearbeitung von Berichten zur Barrierefreiheit oder der Vorbereitung auf Compliance-Prüfungen. Er ergänzt visuelles Design und Komponentenbibliotheken, um Barrieren frühzeitig zu erkennen.