Accessibility-Testing für Webagenturen - So integrieren Sie es in Ihren Workflow
Wie Webagenturen Accessibility-Testing effizient in ihren Workflow integrieren. Von der Angebotsphase bis zur Übergabe an den Kunden.
Accessibility-Testing für Webagenturen - So integrieren Sie es in Ihren Workflow
Ab Juni 2025 müssen viele Ihrer Kunden den EU Accessibility Act einhalten. Als Webagentur können Sie daraus einen Wettbewerbsvorteil machen - wenn Sie Accessibility-Testing in Ihren bestehenden Workflow integrieren, statt es als nachträgliches Add-on zu behandeln.
Warum Agenturen jetzt handeln sollten
Die Nachfrage steigt
Ihre Kunden werden auf Sie zukommen - spätestens wenn sie Post vom Anwalt bekommen. Besser, Sie kommen ihnen zuvor und positionieren sich als Experten.
Haftungsrisiko minimieren
Wenn Sie eine Website für einen Kunden bauen, die nicht barrierefrei ist, kann das auf Sie zurückfallen. Ein nachweisbarer Accessibility-Test schützt Sie.
Neues Revenue-Stream
Accessibility-Audits, Monitoring und Schulungen - das sind zusätzliche Dienstleistungen, die Sie Ihren Kunden anbieten können.
Wettbewerbsvorteil
Die meisten Agenturen bieten Accessibility noch nicht aktiv an. Wer jetzt startet, hat einen Vorsprung.
Integration in den Agentur-Workflow
Phase 1: Angebot und Konzeption
Im Angebot erwähnen:
- "WCAG 2.1 AA Compliance" als Feature auflisten
- Automatisches Accessibility-Testing als Teil der QA
- Optional: Manuelles Audit als Zusatzleistung
Im Kickoff besprechen:
- Welche Nutzergruppen hat der Kunde?
- Gibt es bestehende Accessibility-Anforderungen?
- Wird ein Barrierefreiheitserklärung benötigt?
Phase 2: Design
Checkliste für Designer:
- Farbkontrast prüfen (4.5:1 für Text, 3:1 für große Elemente)
- Fokus-Zustände für alle interaktiven Elemente definieren
- Nicht nur Farbe zur Informationsvermittlung nutzen
- Touch-Targets mindestens 44x44px
- Schriftgröße mindestens 16px für Fließtext
Phase 3: Entwicklung
Für Entwickler:
- Semantisches HTML verwenden (
<nav>,<main>,<button>statt<div>) - Alt-Texte für alle informativen Bilder
- Labels für alle Formularfelder
- ARIA nur wenn nötig (natives HTML bevorzugen)
- Tastaturnavigation testen während der Entwicklung
Automatische Tests einbauen:
- Accessibility-Lint-Regeln (eslint-plugin-jsx-a11y für React)
- ScanClusive-Scan auf der Staging-Umgebung
- Optionale CI/CD-Integration (Pro-Plan)
Phase 4: QA und Testing
Automatischer Scan:
- Alle Seiten mit ScanClusive scannen
- Report generieren
- Kritische und schwerwiegende Violations beheben
Manueller Check:
- Tastatur-Test der wichtigsten User-Flows
- Screenreader-Schnelltest (VoiceOver oder NVDA)
- Mobile Accessibility prüfen
Phase 5: Übergabe an den Kunden
Dem Kunden liefern:
- Accessibility-Report (PDF aus ScanClusive)
- Compliance-Score und behobene Violations
- Empfehlungen für laufendes Monitoring
- Angebot für regelmäßige Accessibility-Checks
Preisgestaltung für Accessibility-Services
Als Teil des Webprojekts
| Leistung | Aufschlag |
|---|---|
| WCAG-konforme Entwicklung | 10-15% auf Entwicklungskosten |
| Automatischer Accessibility-Scan | Im QA-Budget inkludiert |
| Tastatur- und Screenreader-Test | 2-4 Stunden |
| Accessibility-Report für den Kunden | 1 Stunde |
Als separate Dienstleistung
| Leistung | Preis |
|---|---|
| Einmaliger automatischer Scan + Report | 200-500 Euro |
| Vollständiges manuelles Audit | 2.000-5.000 Euro |
| Monatliches Monitoring (ScanClusive) | 29-99 Euro/Monat |
| Accessibility-Schulung (halber Tag) | 500-1.500 Euro |
| WCAG-Compliance-Zertifikat | 500-1.000 Euro |
Tipp: Pakete schnüren
Paket "Basis" - 500 Euro einmalig
- Automatischer Scan aller Seiten
- PDF-Report mit Handlungsempfehlungen
- 1 Stunde Besprechung der Ergebnisse
Paket "Standard" - 2.000 Euro einmalig + 99 Euro/Monat
- Alles aus Basis
- Manueller Tastatur- und Screenreader-Test
- Behebung der kritischen Violations
- Laufendes Monitoring mit ScanClusive
Paket "Premium" - 5.000 Euro einmalig + 99 Euro/Monat
- Alles aus Standard
- Vollständiges WCAG 2.1 AA Audit
- Halbtägige Schulung für das Kundenteam
- Quartalweiser Accessibility-Review
Tools für den Agentur-Alltag
Während der Entwicklung
- eslint-plugin-jsx-a11y - Lint-Regeln für React/JSX
- axe DevTools - Browser-Extension für schnelle Checks
- ScanClusive Free - Einzelne Seiten scannen
Im QA-Prozess
- ScanClusive Starter/Pro - Vollständige Scans mit Report (CI/CD nur im Pro-Plan)
- NVDA (kostenlos) - Screenreader-Test auf Windows
- VoiceOver (vorinstalliert) - Screenreader-Test auf Mac
Für den Kunden
- ScanClusive PDF-Reports - Professionelle Reports zur Übergabe
- ScanClusive Dashboard - Kunden-Zugang für laufendes Monitoring
Häufige Einwände von Kunden - und wie Sie antworten
"Das brauchen wir nicht, wir haben keine blinden Kunden." Barrierefreiheit betrifft nicht nur blinde Menschen. 15% der Weltbevölkerung haben eine Behinderung. Dazu kommen ältere Menschen, Menschen mit temporären Einschränkungen und Nutzer in schwierigen Situationen (Sonne, laute Umgebung). Außerdem ist es ab Juni 2025 gesetzlich vorgeschrieben.
"Das ist zu teuer." Die Kosten für Barrierefreiheit liegen bei 10-15% der Entwicklungskosten - wenn man es von Anfang an mitdenkt. Die Strafe bei Nicht-Einhaltung kann bis zu 100.000 Euro betragen.
"Können wir das später machen?" Nachträgliche Barrierefreiheit ist 3-5x teurer als wenn man es von Anfang an einplant. Je früher, desto günstiger.
"Unsere Website ist doch barrierefrei." Lassen Sie uns einen kurzen Scan machen - kostenlos und unverbindlich. Die Ergebnisse sprechen meistens für sich.
Fazit
Accessibility-Testing muss kein separater, teurer Prozess sein. Wenn Sie es von Anfang an in Ihren Workflow integrieren, ist der Mehraufwand minimal - der Nutzen für Ihre Kunden und Ihr Business aber groß.
Testen Sie ScanClusive kostenlos für Ihr nächstes Kundenprojekt - Jetzt starten.
Testen Sie Ihre Website auf Barrierefreiheit
ScanClusive findet WCAG-Violations automatisch - kostenlos starten.
Jetzt kostenlos testen