Zum Inhalt springen
in Kürze

Dev-Workshop · für Frontend-Entwickler:innen

Barrierefreiheit beginnt im Markup.

Accessibility Tree, semantisches HTML, ARIA, Tastatur und Testing – alles, was ihr braucht, um Barrierefreiheit direkt im Code umzusetzen. An euren Komponenten, in eurem Stack.

Interesse anmelden
Ich melde mich, sobald der Workshop buchbar ist. Wer sich vorher meldet, bekommt Pilotkonditionen. Bis dahin ist der Sensibilisierungsworkshop die gemeinsame Basis für alle Rollen.
  • Halbtag 4 h · Ganztag ca. 7 h
  • bis 8 / 12 Personen
  • Remote oder vor Ort
Beispiel aus dem Workshop

Platzhalter sind
keine Labels.

Beispiel aus dem Workshop: Ein Eingabefeld nur mit Platzhalter hat für den Screenreader keinen Namen, mit label-Element heißt es E-Mail.

Die Realität

Kommt euch das bekannt vor?

Die Annahme, die ausbremst

  1. Barrierefreiheit heißt: überall ARIA-Attribute ergänzen.

    Verständlich: ARIA klingt nach dem Werkzeug für genau dieses Problem. Doch falsches ARIA richtet oft mehr Schaden an als gar keins.

    stattdessen: Semantisches HTML zuerst. ARIA nur da, wo HTML nicht reicht – und dann richtig.

Was ihr mitnehmt

Nach dem Workshop könnt ihr …

  • erklären, wie der Accessibility Tree funktioniert und warum er entscheidend ist,

  • semantisches HTML korrekt einsetzen und Anti-Pattern erkennen,

  • ARIA richtig anwenden – und wissen, wann ihr es nicht braucht,

  • Tastaturnavigation testen und Fokus-Management umsetzen,

  • Screenreader und automatisierte Tools für eigene Tests nutzen.

So arbeiten wir: Kein Frontalunterricht.

Wir arbeiten an euren echten Themen – mit euren Komponenten, euren Prozessen, euren Fragen.

  • Live-Demo
  • Code-Review
  • DevTools hands-on
  • Screenreader selbst testen

Voraussetzung: HTML- und CSS-Grundkenntnisse.
Für: Frontend- und Fullstack-Entwickler:innen, gern auch QA.

Formate & Preise

Gleiche Themen. Unterschiedliche Tiefe.

Pilotphase: 20 % für die ersten Buchungen

Paketpreis für den ganzen Workshop, nicht pro Person · zzgl. 19 % MwSt.
Optional: Follow-up-Session (2 h, ca. 4 Wochen nach dem Workshop) für 450 € zzgl. MwSt.

Ablauf

Von der Anfrage bis nach dem Workshop.

  1. jetzt

    Interesse anmelden

    Ihr meldet euch unverbindlich. Sobald der Workshop buchbar ist, melde ich mich.

  2. 30 Min

    Abstimmung

    In 30 Minuten klären wir, was euer Team braucht und welches Format passt.

  3. danach

    Termin & Rechnung

    Ihr bekommt Terminbestätigung und Rechnung. Bezahlt wird vor dem Workshop.

  4. ca. 1 Woche

    Zuschnitt

    Ich bereite den Workshop auf euer Team zu – mit euren Beispielen.

  5. Workshop-Tag

    Workshop & Wrap-up

    Remote oder vor Ort. Zum Schluss: Was nehmt ihr mit, was sind die nächsten Schritte?

  6. ~4 Wochen später

    Follow-up

    Optional: 2 Stunden, um Fragen aus der Praxis zu klären. 450 € zzgl. MwSt.

Remote oder vor Ort

Wo der Workshop stattfindet, entscheidet ihr.

Remote und vor Ort in Berlin kosten nichts extra. Außerhalb Berlins kommen Anfahrt und gegebenenfalls Übernachtung dazu – mit festen Pauschalen, damit ihr vorher wisst, woran ihr seid.

Remote
ohne Aufpreis
Vor Ort in Berlin
ohne Aufpreis
Berlin-Umland / Brandenburg (Rückfahrt am selben Tag)
+150 €
Deutschlandweit inkl. einer Übernachtung
+500 €
Jede weitere Übernachtung
+150 €

Tipp: Remote funktionieren die Workshops genauso gut.

Philipp hat kurze Haare und trägt eine Brille, ein blaues T-Shirt und eine schwarze Hose. Er hat die Hände in der Hosentaschen und lächelt in die Kamera.
Philipp Wahle Accessibility Consultant · Lehrbeauftragter
© 2025, Simon Veith

Wer leitet

Kein Frontalunterricht. Echte Themen. Euer Team.

Ich habe jahrelang selbst Frontends gebaut und mit Product- und Design-Teams gearbeitet. Heute unterrichte ich Barrierefreie Webentwicklung an einer Berliner Hochschule – und ich stottere. Barrieren kenne ich nicht nur aus der Theorie.

Case Studies ansehen → Mehr über mich →

Selbstcheck

Passt der Dev-Workshop zu euch?

Passt, wenn …

  • … ihr Frontend baut, egal ob mit React, Vue, Angular oder Vanilla.

  • … Barrierefreiheit in euren Code-Reviews bisher kaum vorkommt.

  • … ihr wissen wollt, was automatisierte Tools finden – und was nicht.

  • … ihr an euren eigenen Komponenten lernen wollt.

Etwas anderes hilft euch mehr, wenn …

  • … im Team noch kein gemeinsames Grundverständnis da ist. Dann startet mit dem Sensibilisierungsworkshop.

  • … ihr ein Gutachten über euren Code braucht. Dafür ist ein Audit gedacht.

  • … niemand im Team HTML und CSS schreibt. Dann passt der UI/UX- oder PM/PO-Workshop besser.

FAQ

Fragen zum Workshop

Interesse am Dev-Workshop?

Meldet euch unverbindlich. Ich melde mich, sobald der Workshop buchbar ist – mit Pilotkonditionen für alle, die früh dabei sind.

Interesse anmelden

  • Paketpreis, nicht pro Person.

  • Remote und in Berlin ohne Aufpreis.

  • Unsicher, welcher Workshop passt? Kostenloses Erstgespräch