7 Min. Lesezeit

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.

AgenturenWorkflowBusiness

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

LeistungAufschlag
WCAG-konforme Entwicklung10-15% auf Entwicklungskosten
Automatischer Accessibility-ScanIm QA-Budget inkludiert
Tastatur- und Screenreader-Test2-4 Stunden
Accessibility-Report für den Kunden1 Stunde

Als separate Dienstleistung

LeistungPreis
Einmaliger automatischer Scan + Report200-500 Euro
Vollständiges manuelles Audit2.000-5.000 Euro
Monatliches Monitoring (ScanClusive)29-99 Euro/Monat
Accessibility-Schulung (halber Tag)500-1.500 Euro
WCAG-Compliance-Zertifikat500-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
Accessibility-Testing für Webagenturen - So integrieren Sie es in Ihren Workflow | ScanClusive