Zensations

Accessibility

WCAG-Audit vorbereiten: Der praktische Fahrplan für Teams

Zensations

Ein Audit ist am wertvollsten, wenn es nicht als Schlussprüfung verstanden wird. Gute Vorbereitung schafft reproduzierbare Testfälle und sorgt dafür, dass Befunde tatsächlich behoben werden.

Warum das Thema jetzt relevant ist

Der Markt bewegt sich schnell, doch Accessibility wird erst dann wertvoll, wenn es in reale Abläufe, klare Entscheidungen und überprüfbare Qualitätsmaßstäbe übersetzt wird. Teams brauchen dafür keine maximale Komplexität, sondern ein gemeinsames Verständnis von Ziel, Grenze und Verantwortung.

Ein belastbarer Arbeitsrahmen

Beginnen Sie mit einem konkreten Anwendungsfall und einem dokumentierten Ausgangszustand. Legen Sie fest, für wen das Ergebnis besser werden soll, welche Daten verwendet werden dürfen und wer die finale Entscheidung trifft. So bleibt der Pilot klein genug zum Lernen und relevant genug für eine echte Bewertung.

  • Repräsentative Seitentypen und Kernaufgaben auswählen
  • Automatisierte und manuelle Prüfungen kombinieren
  • Befunde nach Auswirkung priorisieren und nachtesten

Was in der Praxis oft schiefläuft

Häufig werden Werkzeuge mit Strategie verwechselt, Erfolg nur über Geschwindigkeit definiert oder Prüfungen ans Ende verschoben. Das erzeugt zwar Aktivität, aber keine belastbare Veränderung. Ebenso problematisch sind Prozesse ohne Eigentümer: Wenn niemand für Qualität und Konsequenzen zuständig ist, bleibt auch ein technisch guter Ansatz fragil.

Der Maßstab ist nicht, was AI erzeugen kann, sondern was Menschen verlässlich damit erreichen.

Nächster sinnvoller Schritt

Wählen Sie einen Prozess, der häufig genug vorkommt, um daraus zu lernen. Erfassen Sie heute Zeit, Qualität und typische Fehler. Testen Sie dann eine klar abgegrenzte Verbesserung über mehrere reale Fälle. Erst wenn die Ergebnisse stabil sind, lohnt sich die nächste Stufe.

Gute Umsetzung verbindet Technologie mit Redaktion, Design, Recht und Organisation. Genau an diesen Übergängen entscheidet sich, ob aus einer interessanten Demo ein verlässliches Werkzeug wird.

Der Fahrplan vor dem Audit

Vor einem Audit lohnt sich ein interner Vorlauf: Seitentypen inventarisieren, kritische Nutzerwege festlegen, automatisierte Prüfung laufen lassen, manuelle Tastatur- und Screenreader-Tests auf den wichtigsten Wegen ergänzen und Befunde nach Schweregrad bündeln. So diskutiert das Audit später echte Restrisiken statt offensichtlicher Basisfehler.

Warum die Vorbereitung entscheidend ist: Mehr als nur Compliance

Ein WCAG-Audit ist kein einfacher Ja/Nein-Check, sondern eine umfassende Bewertung der digitalen Barrierefreiheit. Ohne gründliche Vorbereitung riskiert man nicht nur ineffiziente Abläufe, sondern auch, dass das Audit lediglich oberflächliche Mängel aufdeckt. Die eigentlichen Hürden bleiben oft unentdeckt, weil das Testfeld nicht repräsentativ genug war oder die Priorisierung der Befunde fehlt. Ein proaktiver Ansatz sorgt dafür, dass die Ergebnisse des Audits direkt in verbesserte Prozesse und Produkte münden. Dies ist besonders wichtig im Hinblick auf den European Accessibility Act, der klare Anforderungen an Unternehmen stellt.

Was bedeutet "reproduzierbare Testfälle" in der Praxis?

Reproduzierbare Testfälle sind detaillierte, schrittweise Anleitungen, die jeder Tester befolgen kann, um dasselbe Ergebnis zu erzielen. Sie umfassen spezifische URLs, Interaktionswege, erwartete Ergebnisse und die verwendeten Technologien (z.B. Screenreader-Versionen). In der Vorbereitung könnten das zum Beispiel Anweisungen sein wie: "Navigieren Sie auf der Startseite (www.beispiel.at/start) zum Anmeldeformular. Füllen Sie die Felder 'Benutzername' und 'Passwort' mit den Testdaten 'user1' und 'pass123' aus. Drücken Sie die Tab-Taste nach dem Ausfüllen des Passwortfeldes. Wird der 'Anmelden'-Button korrekt fokussiert und vorgelesen?"

Wie schafft man ein gemeinsames Verständnis im Team?

Ein gemeinsames Verständnis beginnt mit der Schulung aller Beteiligten, von Redaktion über Design bis zur Entwicklung. Regelmäßige Workshops klären die Grundlagen der WCAG-Richtlinien und deren Auswirkungen auf die jeweilige Rolle. Ein Beispiel: Das Redaktionsteam lernt, wie alternative Texte für Bilder formuliert werden, während das Entwicklungsteam die korrekte Verwendung von ARIA-Attributen versteht. Jour-Fixe, in denen Teams ihre Fortschritte und Herausforderungen teilen, festigen dieses Wissen. Dokumentierte Richtlinien für alle Abteilungen, etwa in einem "Accessibility Style Guide", sind hier essenziell. Ein Discovery-Workshop kann hierbei hilfreich sein, um den Bedarf zu analysieren.

Auswahl der Testbereiche: Strategie vor Masse

Die größte Herausforderung bei einem WCAG-Audit ist oft die schiere Menge an Inhalten und Funktionen. Eine komplette Website oder Anwendung zu prüfen, ist selten effizient oder notwendig. Stattdessen konzentriert man sich auf die Bereiche, die für die Nutzererfahrung und die Geschäftsziele am relevantesten sind. Dies erfordert eine strategische Auswahl von Seitentypen und Kernaufgaben.

Wie identifiziert man repräsentative Seitentypen und Kernaufgaben?

Beginnen Sie mit einer Analyse der Web-Analytics-Daten: Welche Seiten haben die meisten Aufrufe? Welche sind für Konversionen oder kritische Geschäftsprozesse entscheidend? Identifizieren Sie dann die verschiedenen "Typen" von Seiten, zum Beispiel Startseite, Produktseite, Formularseite, Blogartikel. Kernaufgaben sind typische Nutzerpfade, wie "Produkt suchen und kaufen", "Konto erstellen", "Informationen zu einem Service finden". Ein E-Commerce-Shop in Österreich könnte beispielsweise die Startseite, eine Kategorieseite, eine Produktdetailseite und den Checkout-Prozess als Kernaufgaben definieren. Diese Auswahl sollte 10-20% der Gesamtseiten umfassen, aber 80% der Nutzerinteraktionen abdecken. Ein gutes UI/UX Design hilft bereits hierbei, Barrieren zu reduzieren.

Beispiel einer Seitentypen- und Kernaufgaben-Matrix

Seitentyp / Kernaufgabe Beispiel URL Relevanz (hoch/mittel/niedrig) Begründung
Startseite www.example.at Hoch Erster Kontaktpunkt, zentrale Navigation
Produktdetailseite www.example.at/produkt-a Hoch Kaufentscheidung, zentrale Informationen
Registrierungsformular www.example.at/registrierung Hoch Servicezugang, Dateneingabe
Warenkorb/Checkout www.example.at/warenkorb Hoch Kaufabschluss, Transaktion
Blogartikel www.example.at/blog/artikel-1 Mittel Informationsbereitstellung, SEO
Kontaktformular www.example.at/kontakt Mittel Kundenservice, Support

Diese Matrix hilft, die Testressourcen zu bündeln und sicherzustellen, dass die wichtigsten Bereiche der Website abgedeckt werden. Für einen mittelständischen Handwerksbetrieb in Salzburg könnten die Kernaufgaben beispielsweise die "Angebot anfragen"-Seite oder die "Leistungen"-Übersicht sein, da diese den direkten Kundenkontakt initiieren.

Die richtige Mischung: Automatisierte und manuelle Prüfungen

Ein WCAG-Audit lebt von der Kombination verschiedener Testmethoden. Verlassen Sie sich niemals ausschließlich auf automatisierte Tools, da diese nur einen Teil der Barrierefreiheitsprobleme erkennen können.

Welche Rolle spielen automatisierte Tests?

Automatisierte Tests sind ein hervorragender erster Schritt, um offensichtliche, technische Mängel schnell zu identifizieren. Sie können beispielsweise fehlende Alt-Attribute, unzureichenden Farbkontrast oder fehlerhafte HTML-Strukturen erkennen. Tools wie Lighthouse, Axe oder Wave können Tausende von Seiten in kurzer Zeit scannen. Ihr Vorteil ist die Geschwindigkeit und die Skalierbarkeit. Ein Nachteil ist jedoch, dass sie etwa 30-40% der WCAG-Probleme übersehen, insbesondere jene, die eine menschliche Interpretation erfordern, wie die Sinnhaftigkeit von Alt-Texten oder die korrekte Bedienbarkeit mit einer Tastatur. Betrachten Sie sie als Frühwarnsystem, nicht als Endprüfung. Ein Projektmanager in Wien nutzt automatisierte Tools vielleicht, um die Basis-Compliance nach jeder Sprint-Iteration zu prüfen, bevor ein manuelles Testing beginnt.

Warum sind manuelle Prüfungen unerlässlich?

Manuelle Prüfungen decken die komplexeren und oft kritischeren Barrieren auf, die automatisierte Tools nicht erfassen können. Dazu gehören die logische Struktur von Überschriften, die Bedienbarkeit mit einer Tastatur alleine, die Verständlichkeit von Inhalten, die Verwendung von Screenreadern (z.B. JAWS, NVDA, VoiceOver), die Zugänglichkeit von ARIA-Labels und die Gesamtuser Experience für Menschen mit verschiedenen Behinderungen. Diese Tests erfordern geschultes Personal, das sich in die Lage der Nutzer versetzen kann. Ein Team, das einen Screenreader-Test selbst durchführt, wird schnell erkennen, wie wichtig eine logische Dokumentstruktur und klare Beschriftungen sind. Für diese Tests ist ein dedizierter Block in der Zeitplanung, zum Beispiel zwei Tage pro Woche, sinnvoll. Das schult auch die internen Teams, die so ein Gefühl für die Herausforderungen bekommen.

Checkliste für manuelle Prüfungen:

  • Tastaturnavigation: Ist jede interaktive Komponente erreichbar und bedienbar?
  • Fokusmanagement: Ist der Tastaturfokus immer sichtbar und logisch?
  • Screenreader-Tests: Sind Inhalte und Interaktionen korrekt vorgelesen und verständlich? (siehe Screenreader-Tests selbst durchführen)
  • Kontrastprüfung: Haben Texte und Bedienelemente ausreichenden Farbkontrast?
  • Semantik: Sind HTML-Elemente korrekt verwendet (z.B. `
  • Alternative Texte: Sind alle Nicht-Text-Inhalte mit sinnvollen Alternativtexten versehen?
  • Formulare: Sind Formularfelder korrekt beschriftet, validiert und Fehler verständlich?
  • Responsive Design: Funktioniert die Seite auf verschiedenen Bildschirmgrößen barrierefrei?

Befunde priorisieren und nachhaltig beheben

Nachdem die Befunde gesammelt wurden, ist der nächste entscheidende Schritt die Priorisierung. Nicht jeder Fehler hat die gleiche Auswirkung auf die Benutzerfreundlichkeit oder die Compliance.

Wie priorisiert man Befunde nach ihrer Auswirkung?

Priorisierung sollte sich an der Schwere der Beeinträchtigung und der Häufigkeit des Problems orientieren. Ein Befund, der die Nutzung einer Kernfunktion für eine große Gruppe von Nutzer:innen komplett blockiert (z.B. ein nicht bedienbares Registrierungsformular für Tastaturnutzer), hat die höchste Priorität (Kategorie A: Kritisch). Ein fehlender Alt-Text auf einem selten besuchten Blog-Bild (Kategorie C: Gering) ist weniger kritisch als ein zu geringer Farbkontrast im Hauptmenü (Kategorie B: Hoch). Nutzen Sie ein klares Schema zur Kategorisierung, zum Beispiel nach WCAG-Level (A, AA, AAA) und der tatsächlichen Nutzerbeeinträchtigung. Ein Priorisierungsmeeting mit allen Stakeholdern, bei dem jeder Befund kurz vorgestellt und eingeordnet wird, schafft Transparenz und Akzeptanz für die nachfolgenden Aufgaben.

Priorisierungsmatrix für Befunde:

Priorität Beschreibung Beispiel Empfohlene Behebung
1 (Kritisch) Blockiert Kernfunktionen für Nutzergruppen; rechtlich relevant. Hauptnavigation mit Tastatur nicht bedienbar. Sofortige Behebung (innerhalb 1 Woche).
2 (Hoch) Erhebliche Einschränkung der Nutzung; beeinflusst wichtige Pfade. Geringer Farbkontrast im Fließtext. Behebung im nächsten Sprint (innerhalb 2-4 Wochen).
3 (Mittel) Leichte Einschränkungen; Beeinträchtigung bei Detailfunktionen. Fehlende Überschriftenhierarchie in seltenem Bereich. Behebung in späteren Sprints (innerhalb 1-3 Monate).
4 (Gering) Kosmetische oder sehr spezifische Probleme; geringe Auswirkung. Fehlender Alt-Text auf dekorativem Icon. Behebung bei nächster relevanter Überarbeitung.

Diese Priorisierung hilft Entwicklungs- und Redaktionsteams, ihre Arbeit effektiv zu planen. Ein mittelständisches Tourismusunternehmen in Tirol könnte feststellen, dass die Buchungsmaske für Rollstuhlfahrer unzugänglich ist (Prio 1), während der Blogartikel über Wandertipps nur kleinere Kontrastprobleme hat (Prio 3). Die Ressourcen werden entsprechend zugewiesen.

Wie stellt man sicher, dass Befunde nachhaltig behoben werden?

Nachhaltigkeit entsteht, wenn Befunde nicht nur einmalig korrigiert, sondern Prozesse angepasst werden, um zukünftige Fehler zu vermeiden. Implementieren Sie Accessibility-Checks in den Entwicklungsworkflow: Code-Reviews, automatisierte Tests in der CI/CD-Pipeline und regelmäßige Schulungen. Dokumentieren Sie Best Practices und integrieren Sie diese in Style Guides und Redaktionsrichtlinien (siehe Accessible Content). Jedes behobene Problem sollte nachgetestet werden, idealerweise von einer anderen Person als dem ursprünglichen Fixer, um sicherzustellen, dass die Lösung wirksam und keine neuen Probleme entstanden sind. Wenn ein Problem mit einer Überschriftshierarchie gefunden und behoben wurde, sollte der Redakteur zukünftig eine Checkliste für die Gliederung von Inhalten verwenden und im CMS eine entsprechende Funktion integriert sein.

Der Fahrplan vor dem Audit: Ihr internes Provisorium

Bevor ein externes Audit beauftragt wird, ist ein interner Vorlauf Gold wert. Er spart nicht nur Kosten, sondern ermöglicht es, die offensichtlichsten Fehler selbst zu beheben und das externe Audit für die komplexeren Restrisiken zu nutzen.

Warum ein interner Vorlauf Zeit und Geld spart?

Ein interner Vorlauf dient als "Pre-Audit". Sie decken die 80% der offensichtlichen Mängel selbst auf, die ein externer Auditor sonst zu einem höheren Stundensatz finden würde. So kann sich der externe Experte auf die Nuancen, die schwerwiegenden Probleme und die strategische Beratung konzentrieren. Wenn Ihr Team beispielsweise selbst feststellt, dass 50 Bilder auf der Startseite keine Alt-Texte haben, können diese intern ergänzt werden, bevor der externe Audit beginnt. Das senkt die Kosten des Audits um geschätzte 20-30% und sorgt für fokussiertere Ergebnisse. Die anfängliche Investition in interne Schulungen und Tools zahlt sich hier schnell aus. Ein realistisches Digitalbudget berücksichtigt solche vorbereitenden Maßnahmen.

Schritte für den internen Vorlauf:

  1. Seitentypen inventarisieren: Eine Liste aller einzigartigen Seitentypen und ihrer Funktionen erstellen.
  2. Kritische Nutzerwege festlegen: Die wichtigsten Pfade durch die Anwendung definieren (z.B. von der Startseite zur Kontaktaufnahme).
  3. Automatisierte Prüfung laufen lassen: Tools wie Lighthouse oder Axe für alle identifizierten Seitentypen nutzen.
  4. Manuelle Tastatur- und Screenreader-Tests: Auf den wichtigsten Nutzerwegen durchführen. Hier kann das interne Team schnell ein Gefühl für die Problematiken entwickeln.
  5. Befunde nach Schweregrad bündeln: Ähnliche Probleme gruppieren und eine erste Priorisierung vornehmen.
  6. Erste Behebungen durchführen: Die offensichtlichsten und kritischsten Fehler vor dem externen Audit beheben.
  7. Dokumentation: Alle gefundenen Probleme, Behebungen und offenen Fragen klar dokumentieren. Dies erleichtert dem externen Auditor die Arbeit.

Ein österreichischer Finanzdienstleister könnte so vorab die Barrierefreiheit seines Online-Banking-Portals testen. Wenn dabei festgestellt wird, dass die Kontenübersicht für Screenreader-Nutzer unverständlich ist, kann dies noch vor dem eigentlichen Audit angepasst werden. Das externe Audit kann sich dann auf die komplexeren Interaktionen im Depot-Bereich konzentrieren.

Integration in den Alltag: Accessibility als Standard

Barrierefreiheit sollte keine einmalige Aufgabe, sondern ein fester Bestandteil aller digitalen Entwicklungsprozesse sein. Nur so wird aus einem Audit ein nachhaltiger Erfolg.

Wie gelingt die Integration von Barrierefreiheit in den Entwicklungsprozess?

Beginnen Sie mit der Schulung des gesamten Teams: Entwickler, Designer, Redakteure, Produktmanager. Implementieren Sie "Accessibility by Design" und "Accessibility by Default". Das bedeutet, Barrierefreiheit wird von Anfang an in das Konzept und Design einbezogen, nicht erst am Ende als Add-on. Verwenden Sie Design-Systeme, die bereits barrierefreie Komponenten enthalten. Definieren Sie Akzeptanzkriterien für User Stories, die Barrierefreiheit berücksichtigen. Zum Beispiel: "Als Screenreader-Nutzer kann ich das Formularfeld 'E-Mail' ausfüllen und der Label wird korrekt vorgelesen." Integrieren Sie automatisierte Barrierefreiheitstests in Ihre CI/CD-Pipeline. Regelmäßige interne Audits oder Peer-Reviews sichern die Qualität. Ein Softwareunternehmen in Graz integriert bei der Entwicklung einer neuen App Barrierefreiheit in jeder Sprint-Planung, mit dedizierten Aufgaben für die Überprüfung der WCAG-Konformität. Dies ist auch relevant für die langfristige Datenqualität vor AI-Projekten.

Warum ist "Prozesse ohne Eigentümer" problematisch?

Ein Prozess ohne klaren Eigentümer ist wie ein Schiff ohne Kapitän. Niemand fühlt sich verantwortlich für das Ergebnis, was zu Verzögerungen, Inkonsistenzen und letztlich zu einem Scheitern der Barrierefreiheitsbemühungen führt. Es muss eine Person oder ein kleines Team geben, das für die Einhaltung der Barrierefreiheitsstandards verantwortlich ist, die Fortschritte überwacht und als Ansprechpartner für Fragen dient. Das kann ein Accessibility Lead, ein UX-Verantwortlicher oder ein Produktmanager sein. Diese Person stellt sicher, dass Barrierefreiheit nicht zur "Nice-to-have"-Aufgabe degradiert wird. In vielen großen Organisationen, etwa bei einer österreichischen Bank, gibt es dedizierte Accessibility-Beauftragte, die Richtlinien erstellen und die Einhaltung überwachen. Für KMU kann dies auch eine Person sein, die diese Rolle zusätzlich übernimmt, aber klar definiert ist.

Welche Rolle spielen Redaktion, Design, Recht und Organisation?

  • Redaktion: Sorgt für verständliche Sprache, sinnvolle Überschriftenstrukturen, aussagekräftige Linktexte und korrekte Alt-Texte für Bilder. Sie plant Accessible Content von Anfang an.
  • Design: Entwickelt barrierefreie Benutzeroberflächen, achtet auf Kontraste, Fokusindikatoren und die Logik der Interaktion. Sie stellt sicher, dass Design-Systeme WCAG-konform sind.
  • Recht: Berät zu gesetzlichen Anforderungen wie dem European Accessibility Act, dokumentiert die Compliance und minimiert rechtliche Risiken.
  • Organisation: Schafft die Rahmenbedingungen: Budgets für Schulungen und Tools, stellt Ressourcen bereit und etabliert Barrierefreiheit als strategisches Ziel.

Ein Beispiel: Bei der Neugestaltung einer Website für die Stadt Wien arbeiten Redakteure und Designer eng zusammen. Der Redakteur liefert prägnante Texte, der Designer sorgt für eine gut lesbare Schrift und hohen Kontrast. Die Rechtsabteilung prüft die Konformität, und die IT-Abteilung implementiert die technischen Standards. Nur diese nahtlose Zusammenarbeit sichert den Erfolg, denn sie schafft ein Produkt, das nicht nur interessant, sondern auch verlässlich ist.

Häufige Fragen

Was kostet ein WCAG-Audit?

Die Kosten eines WCAG-Audits variieren stark. Kleinere Websites oder Anwendungen (ca. 5-10 Seitentypen) starten bei etwa 5.000 bis 10.000 Euro. Mittelgroße Projekte (15-30 Seitentypen) können 10.000 bis 25.000 Euro kosten. Große, komplexe Portale (über 30 Seitentypen, umfangreiche Funktionen) liegen oft bei über 25.000 Euro. Der Aufwand hängt von der Anzahl der zu prüfenden Seitentypen, der Komplexität der Funktionen und dem Detaillierungsgrad des Reports ab. Eine Vorbereitung im Team kann hier die Kosten signifikant senken. In Österreich können für solche Projekte auch Förderungen für Digitalisierung in Anspruch genommen werden.

Wie findet man den richtigen externen Auditor?

Wählen Sie einen Auditor mit ausgewiesener Expertise in WCAG 2.1 oder 2.2, idealerweise mit Zertifizierungen wie IAAP CPACC oder WAS. Referenzen und Fallstudien von ähnlichen Projekten sind wichtig. Ein guter Auditor bietet nicht nur einen Fehlerbericht, sondern auch konkrete Handlungsempfehlungen und einen transparenten Prozess. Prüfen Sie, ob der Auditor sowohl automatisierte als auch manuelle Tests durchführt und Erfahrung mit Screenreadern hat. Ein persönliches Vorgespräch klärt die Erwartungen und die Chemie.

Häufige Fragen

Wie lange dauert ein WCAG-Audit?

Je nach Umfang zwei bis sechs Wochen, inklusive manueller Tests und Nachprüfung.

Welche Konformitätsstufe ist üblich?

WCAG 2.2 Level AA ist der geltende Praxisstandard.

Weiterlesen bei Zensations

Quellen und Standards

Teilen

Mehr zum Thema