Arbeitsweise · Haltung und Methode
Erst der Mensch, dann die Technik.
Barrierefreiheit gehört in den Prozess – nicht ans Ende. Ich arbeite in eurem Team, nicht als externer Auditor davor oder danach.
Hier erfahrt ihr, was mich dabei leitet, wie das 5-Linsen-Modell funktioniert und wo es in eurem Sprint andockt.
Haltung
Fünf Grundsätze, nach denen ich arbeite.
Kein Leitbild für die Wand. Eher das, was in einer guten CONTRIBUTING.md steht: wie wir zusammenarbeiten, damit das Ergebnis trägt.
-
Erst der Mensch, dann die Technik.
Der Mensch mit seinen Herausforderungen, Bedürfnissen und Erfahrungen besucht eure Seite – nicht das WCAG-Kriterium. Deshalb denken wir zuerst in Menschen und ihren Situationen. Die Kriterien folgen daraus.
-
In den Prozess, nicht ans Ende.
Barrierefreiheit gehört ins Ticket, nicht ins Abnahmeprotokoll. Was im Refinement eine Frage kostet, kostet nach dem Release einen Umbau.
-
Teil des Teams – nicht der Auditor davor oder danach.
Ich sitze mit im Refinement, schaue in eure Designs und spreche eure Sprache: Story, Definition of Done, Pull Request. Ich schicke keinen Bericht von außen, sondern arbeite mit euch an euren echten Tickets.
-
Barrierefreiheit gehört zu guter Software-Qualität.
Genau wie sauberer Code, Tests oder eine stabile Pipeline. Wer sie aufschiebt, baut technische Schulden auf – und zahlt später mit Zinsen.
„Ständiges Augenmerk auf technische Exzellenz und gutes Design fördert Agilität.“
“Continuous attention to technical excellence and good design enhances agility.”
Agiles Manifest, Prinzip 9 -
Barrierefreiheit wird ein selbstverständlicher Teil eurer Prozesse.
Nicht als Projekt daneben, sondern als Gewohnheit: im Refinement, im Design, im Review. Ich ziehe mich zurück, sobald es ohne mich läuft.
Das 5-Linsen-Modell
Fünf Linsen, damit niemand vergessen wird.
Jede Linse steht für Menschen und die Art, wie sie digitale Produkte nutzen. Und fast jede:r schaut irgendwann selbst durch eine davon – dauerhaft, vorübergehend oder in einer bestimmten Situation.
-
Motorik
Wen es betrifft
- dauerhaft:
- Lähmung, Tremor, fehlende Gliedmaßen
- vorübergehend:
- gebrochener Arm, Sehnenscheidenentzündung
- situativ:
- Baby auf dem Arm, ruckelnde Straßenbahn
Typische Barriere
Ein Dropdown lässt sich nur mit der Maus öffnen, Buttons sind zu klein zum Treffen.
Im Ticket
Alle Funktionen per Tastatur erreichbar, Klickflächen mind. 24 × 24 px
Womit wir prüfen
- Tastatur
- Sprachsteuerung
- Touch
-
Sehen
Wen es betrifft
- dauerhaft:
- Blindheit, Sehbehinderung, Farbfehlsichtigkeit
- vorübergehend:
- nach einer Augen-OP, Brille vergessen
- situativ:
- Sonne auf dem Display
Typische Barriere
Pflichtfelder sind nur rot markiert, Bilder haben keinen Alternativtext.
Im Ticket
Fehler nicht nur über Farbe erkennbar, Kontrast mind. 4,5:1
Womit wir prüfen
- VoiceOver
- Zoom auf 200 %
- Kontrast-Check
-
Kognition
Wen es betrifft
- dauerhaft:
- Lernschwierigkeiten, ADHS, Demenz
- vorübergehend:
- Gehirnerschütterung, Erschöpfung nach Krankheit
- situativ:
- Stress, Ablenkung, eine fremde Sprache
Typische Barriere
Das Formular hat ein Zeitlimit, die Fehlermeldung sagt nur „Ungültige Eingabe“.
Im Ticket
Fehlermeldung nennt Feld und Lösung, kein Zeitlimit
Womit wir prüfen
- Klare Abläufe
- Verständliche Sprache
- echte Aufgaben
-
Hören
Wen es betrifft
- dauerhaft:
- Gehörlosigkeit, Schwerhörigkeit
- vorübergehend:
- Mittelohrentzündung
- situativ:
- laute Umgebung, Bahn ohne Kopfhörer
Typische Barriere
Das Erklärvideo hat keine Untertitel, ein Hinweis kommt nur als Ton.
Im Ticket
Untertitel und Transkript für alle Videos
Womit wir prüfen
- Ton aus
- Untertitel
- Transkript
-
fast immer vergessen
Sprechen
Wen es betrifft
- dauerhaft:
- Stottern, Sprechstörung nach Schlaganfall, Mutismus
- vorübergehend:
- Heiserkeit, nach einer Zahn-OP
- situativ:
- Großraumbüro, schlechte Verbindung
Typische Barriere
Die Telefon-Hotline ist der einzige Kontaktweg, der Sprachassistent bricht bei Pausen ab.
Im Ticket
Kontakt auch ohne Telefon möglich, Spracheingabe ohne Zeitdruck
Womit wir prüfen
- Kontaktwege
- Sprachsteuerung
- Zeitlimits
-
Keine Checkliste.
Die Linsen ersetzen die WCAG nicht. Sie helfen euch, die richtigen Fragen zu stellen – die passenden Kriterien folgen daraus.
Nicht jede Story braucht alle fünf Linsen. Aber jede Story verdient die Frage.
Mehr zur Idee hinter den Linsen: Blog · in Kürze
Im Ticket
So sieht das im Ticket aus.
Als Kund:in möchte ich meine Lieferadresse ändern.
Akzeptanzkriterien Barrierefreiheit
- Alle Felder per Tastatur erreichbar, sichtbarer Fokus Motorik Dev
- Kontrast der Fehlermeldung mind. 4,5:1 Sehen Design
- Fehlermeldung nennt Feld und Lösung Kognition Redaktion
- Fehler werden per Screenreader angekündigt Sehen Dev
Jede Linse wird zu einem prüfbaren Kriterium – mit klarer Zuständigkeit.
Als Kund:in möchte ich den Support kontaktieren.
Akzeptanzkriterien Barrierefreiheit
- Kontakt auch ohne Telefon möglich, z. B. per Formular oder Chat Sprechen Product
- Buttons tragen ihren sichtbaren Text als Namen (Sprachsteuerung) Sprechen Dev
- Formular hat kein Zeitlimit Kognition Dev
- Pflichtfelder nicht nur farbig markiert Sehen Design
Als Interessent:in möchte ich das Erklärvideo zum Tarif ansehen.
Akzeptanzkriterien Barrierefreiheit
- Untertitel für alle gesprochenen Inhalte Hören Redaktion
- Transkript als Text verfügbar Hören Redaktion
- Player vollständig per Tastatur bedienbar Motorik Dev
- Kein Autoplay mit Ton Kognition Dev
Als Teilnehmer:in möchte ich mich für ein Webinar anmelden.
Akzeptanzkriterien Barrierefreiheit
- Terminauswahl ohne Drag & Drop möglich Motorik Dev
- Bestätigung in einfacher Sprache Kognition Redaktion
- Fokus springt nach dem Absenden zur Erfolgsmeldung Sehen Dev
- Live-Untertitel im Webinar angekündigt Hören Product
Im Sprint
Wo die Linsen in eurem Sprint andocken.
Keine Extra-Meetings, kein Paralleluniversum. Barrierefreiheit läuft in den Terminen mit, die ihr ohnehin habt – und die Definition of Done hält alles zusammen.
Definition of Done · inklusive Barrierefreiheit
-
Schritt 01
Refinement
- Team
- Ihr wendet die Linsen auf die Story an und leitet daraus Akzeptanzkriterien ab.
- Ich
- Ich stelle die Fragen – bis ihr sie selbst stellt.
-
Schritt 02
Design
- Team
- Ihr annotiert eure Absicht: Überschriften, Fokusreihenfolge, Alternativtexte, Landmarks. Und prüft Touch-Targets, Kontraste und Zustände wie Fokus, Fehler und Disabled.
- Ich
- Ich gehe die Annotationen mit euch durch.
-
Schritt 03
Entwicklung
- Team
- Ihr prüft nebenbei mit Tastatur, Zoom auf 200 % und Screenreader – nicht erst am Ende.
- Ich
- Ich bin für Pairing ansprechbar.
-
Schritt 04
Code Review
- Team
- Barrierefreiheit steht im PR-Template. Ihr reviewt euch gegenseitig.
- Ich
- Auf Wunsch schaue ich stichprobenartig in PRs – nicht in jeden.
-
Schritt 05
Sprint Review
- Team
- Ihr führt die Demo einmal mit Tastatur oder Screenreader vor.
- Ich
- Ich zeige, was Nutzer:innen dabei erleben.
-
Schritt 06
Retro
- Team
- Ihr fragt: Was ist durchgerutscht – und warum?
- Ich
- Ich helfe, den Prozess anzupassen.
Und im nächsten Sprint wieder von vorn – jedes Mal ein bisschen selbstverständlicher.
Ihr arbeitet mit Kanban? Funktioniert genauso – Hauptsache, es gibt Tickets.
gemeinsam
weiter
Nach dem Audit
Ich lasse euch mit dem Bericht nicht allein.
Einstieg
Klingt nach eurem Team? So könnt ihr anfangen.
Einsteig
Flow-Check
Ihr wollt sehen, wie das an eurem Produkt aussieht? Ich gehe einen eurer Flows mit euch durch.
Wissen
Workshops
Euer Team lernt die Linsen kennen – an Beispielen, die zu eurem Alltag passen.
Verankerung
Begleitung im Sprint
Ich arbeite in euren Sprints mit, bis Barrierefreiheit selbstverständlich ist.
Barrierefreiheit lässt sich integrieren wenn ihr wisst, wo ihr ansetzt. Ich unterstütze euch dabei.
Gemeinsam schauen wir uns an, wie das in eurem Team konkret aussehen kann – und wo ich am meisten unterstützen kann.