Tag: Accessibility

1. WCAG-Konformitätsstufen A, AA, AAA im Vergleich

   17.04.2026

   Die WCAG unterteilt Erfolgskriterien in drei Konformitätsstufen: A, AA und AAA. Wer versteht, was jede Stufe technisch fordert, kann realistische Ziele setzen statt pauschal auf Vollständigkeit zu hoffen. Dieser Artikel erklärt die Unterschiede zwischen den Stufen, warum AA für die meisten kommerziellen Websites der richtige rechtliche und praktische Zielstandard ist und welche einzelnen AAA-Kriterien sich trotzdem gezielt lohnen.

   Read more

2. Team-Schulung für Barrierefreiheit aufbauen

   07.04.2026

   Barrierefreiheit-Wissen, das nur bei einer einzigen Person im Team liegt, ist ein stilles Risiko: Urlaub, Krankheit oder ein Jobwechsel reißen sofort eine Lücke. Dieser Artikel zeigt praxisnahe, kostengünstige Wege, wie Pairing-Sessions, Screenreader-Demos und eine gemeinsame Checkliste Wissen im ganzen Team verankern und neue Entwickler sowie Designer von Anfang an mitnehmen.

   Read more

3. Barrierefreie Videos: Untertitel und Transkripte

   05.04.2026

   Produktvideos ohne Untertitel schließen gehörlose und schwerhörige Nutzer aus, während fehlende Audiodeskription blinden Nutzern zentrale visuelle Informationen vorenthält. Dieser Artikel zeigt, wie Entwickler WebVTT-Untertitel, das HTML track-Element und durchsuchbare Transkripte konkret in Magento- und Hyvä-Shops einbauen, inklusive echtem Produktionsworkflow.

   Read more

4. Den Accessibility Tree verstehen und debuggen

   04.04.2026

   Screenreader und andere assistive Technologien lesen niemals direkt das HTML, sondern eine vom Browser berechnete Parallelstruktur namens Accessibility Tree. Wer versteht, wie DOM, semantisches HTML und ARIA-Attribute diesen Baum formen, kann fehlende oder falsche Accessible Names gezielt mit den richtigen Werkzeugen aufspüren und beheben, statt Barrierefreiheit auf gut Glück zu testen.

   Read more

5. Magento-Checkout auf Barrierefreiheit optimieren

   02.04.2026

   Ein barrierefreier Checkout in Magento und Hyvä führt Nutzerinnen und Nutzer mit Screenreader, Tastatur oder Sprachsteuerung sicher durch Versand, Zahlung und Bestellübersicht. Dieser Artikel zeigt praxisnah, wie eine zentrale Fehlerzusammenfassung, tastaturbedienbare Zahlungsmethoden, sauberes Fokus Management und angekündigte Statusmeldungen Kaufabbrüche verhindern, Vertrauen schaffen und den gesamten Checkout Flow zuverlässig auf WCAG 2.2 Niveau bringen.

   Read more

6. Der Business Case für barrierefreie Webshops

   07.03.2026

   Barrierefreie Webshops erschließen eine relevante Zielgruppe mit erheblicher Kaufkraft, verbessern durch sauberes semantisches Markup SEO und Performance, reduzieren rechtliche Risiken durch das Barrierefreiheitsstärkungsgesetz und stärken die Markenreputation. Wer Barrierefreiheit als Investition statt als Pflichtübung kommuniziert, überzeugt auch Stakeholder, die ausschließlich in Kennzahlen und Return on Investment denken, mit belastbaren wirtschaftlichen Argumenten.

   Read more

7. Produktfilter barrierefrei implementieren

   26.02.2026

   Produktfilter, die nur mit der Maus bedienbar sind oder nach jeder Auswahl den Fokus verlieren, schließen Nutzer mit Tastatur oder Screenreader faktisch aus. Dieser Artikel zeigt, wie Checkboxen, Radio-Buttons und Preis-Regler in einer Layered Navigation semantisch korrekt ausgezeichnet, per Tastatur bedienbar gemacht und mit Live-Regionen für aktualisierte Ergebniszahlen kombiniert werden, ohne den Fokus beim Neuladen des Produktrasters zu verlieren.

   Read more

8. Screenreader-Testing mit NVDA und VoiceOver

   23.02.2026

   Automatisierte Accessibility-Checks finden nur einen Bruchteil der echten Barrieren, denn sie können nicht hören, wie eine Seite tatsächlich klingt. Wer NVDA unter Windows und VoiceOver unter macOS selbst bedient, entdeckt fehlende Ankündigungen, falsche Fokusreihenfolgen und stumme Buttons, bevor Nutzerinnen und Nutzer mit Sehbehinderung sie im Livebetrieb erleben, und lernt zugleich die eigenen Testgrenzen kennen.

   Read more

9. Barrierefreiheit im Code-Review verankern

   23.02.2026

   Barrierefreiheitsfehler, die im Pull Request entdeckt werden, kosten Minuten. Werden sie erst im späteren Accessibility Audit gefunden, kosten sie Tage. Eine feste Prüfliste für semantische Elemente, Formular Labels, Tastaturbedienbarkeit und Fokus Management im Code Review verhindert genau diese teuren Nacharbeiten und macht Barrierefreiheit zum festen Bestandteil jedes Merges, ohne die Review Geschwindigkeit spürbar zu bremsen.

   Read more

10. Manuelle Accessibility-Audits systematisch durchführen

    23.02.2026

    Automatisierte Scanner wie axe-core finden nur einen Bruchteil der echten Barrieren in einer Anwendung. Dieser Leitfaden zeigt, wie ein strukturierter manueller Audit mit Keyboard-Pass, Screenreader-Pass, Zoom- und Kontrast-Pass sowie Reduced-Motion-Pass systematisch abläuft, wie Befunde nach echtem Nutzerimpact statt reiner Regelverstoßzahl priorisiert werden und wie sich automatisierte und manuelle Ergebnisse zu einem Report kombinieren lassen, den Entwickler direkt umsetzen können.

    Read more