Checkliste zur Barrierefreiheit für Unternehmenswebsites: Karriere, PDFs, Investorenseiten und Formulare

Barrierefreiheits-Checkliste für Unternehmenswebsites: Navigation, Karriere, PDFs, Geschäftsberichte, Video, Formulare, Cookie-Banner, Erklärungen.

FixReports Redaktion7 Min. Lesezeit

Eine Unternehmenswebsite verkauft selten direkt etwas, daher werden Barrieren darauf leicht übersehen. Doch hier bewerben sich Menschen auf Stellen, lesen Investoren Geschäftsberichte, finden Journalisten Pressemitteilungen und suchen Kunden nach Kontaktdaten, und jede dieser Aufgaben kann an einer Barriere scheitern: eine Bewerbung, die sich nicht mit der Tastatur abschließen lässt, ein Geschäftsbericht, der als PDF ohne Tags veröffentlicht wurde, ein Video ohne Untertitel, ein Cookie-Banner, das den Fokus einsperrt. Diese Checkliste geht WCAG 2.2 Stufe AA anhand der Bereiche durch, die die meisten Unternehmenswebsites haben, und sagt, was Sie in jedem davon prüfen sollten.

Das Wichtigste in Kürze

  • WebAIM fand 2026 auf 95,9 % der Startseiten der Top-1-Million-Websites erkennbare WCAG-Fehler; Text mit zu geringem Kontrast (83,9 %) und fehlende Alternativtexte (53,1 %) waren am häufigsten (WebAIM (öffnet in einem neuen Tab)).
  • WCAG gilt für auf einer Website veröffentlichte Dokumente wie PDFs ebenso wie für Webseiten; das W3C veröffentlicht Techniken, mit denen sich PDFs barrierefrei gestalten lassen (W3C (öffnet in einem neuen Tab)).
  • Aufgezeichnete Videos brauchen Untertitel (1.2.2, Stufe A) und Audiodeskription, wenn das Bild Informationen enthält, die nicht im Ton vorkommen (1.2.5, AA) (W3C (öffnet in einem neuen Tab)).
  • In einer Leitlinie von 2022 erklärte das US-Justizministerium, dass der ADA für die Webangebote von Unternehmen gilt, die der Öffentlichkeit offenstehen, ohne einen bestimmten technischen Standard festzulegen (ADA.gov (öffnet in einem neuen Tab)).
  • Das W3C bietet eine Anleitung und einen kostenlosen Generator für das Verfassen einer Erklärung zur Barrierefreiheit (W3C (öffnet in einem neuen Tab)).

Warum ist Barrierefreiheit auf einer Unternehmenswebsite wichtig?

Weil die Besucher, die darauf angewiesen sind, oft genau die sind, die Sie am meisten erreichen wollen: Bewerber, Kunden, Partner und Investoren. Die Weltgesundheitsorganisation schätzt, dass 1,3 Milliarden Menschen, etwa jeder sechste Mensch, mit einer erheblichen Behinderung leben (WHO (öffnet in einem neuen Tab)). Noch viel mehr Menschen nutzen eine Tastatur statt einer Maus, vergrößern Text oder lesen bei hellem Licht auf dem Smartphone.

Hinzu kommt die Compliance-Seite, die je nach Land und Zielgruppe der Website unterschiedlich ausfällt. Öffentliche Stellen in der EU müssen die EU-Richtlinie über den barrierefreien Zugang zu Websites öffentlicher Stellen (Web Accessibility Directive) erfüllen; Unternehmen, die an Verbraucher in der EU verkaufen, können unter den European Accessibility Act fallen; in den USA hat das Justizministerium erklärt, dass der ADA für die Webangebote von Unternehmen gilt, die der Öffentlichkeit offenstehen (ADA.gov (öffnet in einem neuen Tab)). Eine reine B2B-Website kann außerhalb mancher dieser Gesetze liegen, aber größere Kunden fragen Lieferanten zunehmend nach Barrierefreiheit. Unsere Leitfäden zum European Accessibility Act und zu ADA-Forderungsschreiben erklären die Hintergründe; das ist keine Rechtsberatung.

Was sollten Sie auf jeder Seite prüfen?

Diese Probleme stammen aus den gemeinsamen Templates; wer sie einmal behebt, behebt sie also auf der ganzen Website:

  • Kontrast: Fließtext mindestens 4.5:1 gegenüber seinem Hintergrund, großer Text 3:1 (1.4.3). Hellgrauer Text und weißer Text auf Markenfarben sind die üblichen Fehler. Der Farbkontrast-Check testet jedes beliebige Farbpaar.
  • Tastatur: Jeder Link, jedes Menü und jeder Button ist mit Tab erreichbar und mit Enter oder Leertaste bedienbar, mit sichtbarem Fokusindikator (2.1.1, 2.4.7). Mega-Menüs und Karussells machen häufig Probleme.
  • Skip-Link und Landmarks: eine Möglichkeit, den Header zu überspringen und direkt zum Hauptinhalt zu gelangen (2.4.1), sowie die Landmarks header, nav, main und footer.
  • Überschriften: eine H1 pro Seite und eine logische Überschriftenstruktur (1.3.1), damit Screenreader-Nutzer die Seite überfliegen können.
  • Linktext: Links, die auch ohne Kontext verständlich sind, nicht zehnmal „Mehr lesen“ (2.4.4).
  • Sprache: das lang-Attribut auf jeder Seite und bei Passagen in einer anderen Sprache (3.1.1, 3.1.2), damit Screenreader sie richtig aussprechen.
  • Zoom und Reflow: Inhalte bleiben bei 200 % Zoom und bei 320 Pixeln Breite ohne horizontales Scrollen nutzbar (1.4.4, 1.4.10).

Wie machen Sie Karriereseiten und Bewerbungen barrierefrei?

Im Karrierebereich haben Barrieren die deutlichsten Folgen: Wer eine Bewerbung nicht abschließen kann, kann nicht berücksichtigt werden.

  • Stellenanzeigen: Filter und Suche müssen mit der Tastatur funktionieren und Ergebniszahlen für Screenreader ansagen (4.1.3).
  • Bewerbungsformulare: Jedes Feld braucht ein sichtbares Label (3.3.2), Fehler müssen im Text beschrieben werden (3.3.1), und Buttons zum Hochladen von Dateien brauchen zugängliche Namen.
  • Zeitlimits: Wenn das Formular abläuft, warnen Sie die Nutzer und lassen Sie sie die Zeit verlängern (2.2.1).
  • Bewerbermanagementsysteme von Drittanbietern: Viele Unternehmen nutzen für Bewerbungen ein externes System. Fragen Sie den Anbieter nach seinem Accessibility Conformance Report, testen Sie den Bewerbungsablauf selbst mit der Tastatur, und bieten Sie einen alternativen Bewerbungsweg an, etwa per E-Mail, der auf der Karriereseite genannt wird.
  • Einstufungstests und Videointerviews: Prüfen Sie, ob Online-Tests oder Tools für Videointerviews Screenreader, Untertitel und auf Wunsch zusätzliche Zeit unterstützen.

Wie veröffentlichen Sie barrierefreie PDFs und Geschäftsberichte?

Geschäftsberichte, Nachhaltigkeitsberichte, Broschüren und Richtliniendokumente werden oft nur als PDF veröffentlicht, und viele davon haben keine Tags: Ein Screenreader liest sie als einen einzigen Textblock vor oder gar nicht.

  • Bevorzugen Sie HTML für wichtige Inhalte. Eine Webseite lässt sich leichter barrierefrei gestalten, funktioniert besser auf Smartphones und ist leichter durchsuchbar.
  • Wenn Sie ein PDF veröffentlichen, versehen Sie es mit Tags. Exportieren Sie aus dem Quelldokument (Word, InDesign) mit aktivierten Tags, damit Überschriften, Listen, Tabellen und Lesereihenfolge erhalten bleiben. Die Norm PDF/UA (ISO 14289) definiert barrierefreie PDFs.
  • Prüfen Sie das Wesentliche: einen Dokumenttitel, die Dokumentsprache, Alternativtexte für Diagramme und Bilder, echte Tabellenüberschriften und eine logische Lesereihenfolge. Adobe Acrobat Pro hat eine integrierte Prüfung der Barrierefreiheit; PAC ist ein kostenloses Prüftool für Windows.
  • Gescannte Dokumente sind Bilder von Text und brauchen Texterkennung (OCR) und Tags oder eine HTML-Version.
  • Finanztabellen: Zeichnen Sie Kopfzeilen und Kopfspalten aus; verwenden Sie in HTML <th> mit scope.

Was ist mit Videos, Webcasts und Podcasts?

  • Untertitel für alle aufgezeichneten Videos mit Sprache (1.2.2, A) und für Live-Webcasts (1.2.4, AA). Automatische Untertitel müssen geprüft werden: Namen, Zahlen und Fachbegriffe sind oft falsch.
  • Audiodeskription, wenn wichtige Informationen nur visuell vorliegen, etwa Text auf Folien, den der Sprecher nicht vorliest (1.2.5, AA). Oft ist die einfachste Lösung, dass der Sprecher die Folie beschreibt.
  • Transkripte für Podcasts und reine Audioinhalte (1.2.1, A).
  • Player-Steuerung: Ein eingebetteter Player muss mit der Tastatur bedienbar sein, und Ton, der automatisch länger als drei Sekunden abgespielt wird, braucht eine Möglichkeit zum Pausieren oder Stoppen (1.4.2).

Der Leitfaden des W3C zu barrierefreien Audio- und Videomedien behandelt Planung, Untertitel und Audiodeskription (W3C (öffnet in einem neuen Tab)).

Wie machen Sie Kontaktformulare, Karten und Standorte barrierefrei?

  • Formulare: Labels, klare Fehlermeldungen und kein CAPTCHA, das allein auf dem Lesen verzerrten Textes oder dem Lösen von Rätseln beruht; bieten Sie eine Alternative an (W3C (öffnet in einem neuen Tab)).
  • Kontaktdaten als Text: Telefonnummern, E-Mail-Adressen und Büroadressen stehen im Seitentext, nicht nur in einem Bild oder einer Karte.
  • Karten: Eine eingebettete Karte ist mit einem Screenreader schwer zu bedienen; Adresse und Wegbeschreibung als Text sind die barrierefreie Alternative.
  • Chat-Widgets: Prüfen Sie, ob sie sich mit der Tastatur öffnen, bedienen und schließen lassen und ob sie fokussierte Inhalte nicht verdecken (2.4.11).

Oft, weil sie zuerst erscheinen und über allem anderen liegen.

  • Das Banner muss mit der Tastatur erreichbar und bedienbar sein, und Tab muss es wieder verlassen können (2.1.2, No Keyboard Trap) (W3C (öffnet in einem neuen Tab)).
  • Seine Buttons brauchen eindeutige Namen und ausreichenden Kontrast; „Ablehnen“ muss so leicht zu finden sein wie „Akzeptieren“.
  • Es darf das fokussierte Element auf der Seite dahinter nicht verdecken (2.4.11).

Unsere Scans beginnen auf Ihrer Startseite mit noch sichtbarem Cookie-Banner, denn darauf trifft ein Tastaturnutzer zuerst, und melden eine Fokusfalle, wenn Tab nicht daran vorbeikommt.

Brauchen Sie eine Erklärung zur Barrierefreiheit?

Öffentliche Stellen in der EU müssen eine veröffentlichen. Für Unternehmen ist sie meist freiwillig, allerdings verlangt der European Accessibility Act, dass erfasste Dienstleistungen Informationen darüber bereitstellen, wie sie seine Anforderungen erfüllen. Eine gute Erklärung nennt den Standard, den Sie anstreben, bekannte Einschränkungen, wie Menschen ein Problem melden oder Inhalte in einem anderen Format anfordern können, und wann sie zuletzt überprüft wurde. Das W3C veröffentlicht eine Anleitung und einen kostenlosen Generator (W3C (öffnet in einem neuen Tab)).

Schreiben Sie sie ehrlich: Nach einem automatisierten Scan volle Konformität zu behaupten, ist selbst ein Risiko, denn automatisierte Tests können nicht alles prüfen.

Wie sollten Sie eine Unternehmenswebsite testen?

  1. Führen Sie einen automatisierten Scan durch, für die Startseite, eine Karriereseite, einen News-Artikel, die Kontaktseite und jedes Formular. Unser kostenloser Barrierefreiheits-Check testet wichtige Seiten in einem echten Browser nach WCAG 2.2 A und AA, und der Alt-Text-Check listet jedes Bild einer Seite auf.
  2. Testen Sie mit der Tastatur: Navigieren Sie durch das Menü, bewerben Sie sich auf eine Stelle und senden Sie das Kontaktformular ab, nur mit der Tastatur.
  3. Prüfen Sie Dokumente: Öffnen Sie Ihre wichtigsten PDFs mit einem Screenreader oder einem Prüftool für die Barrierefreiheit von PDFs.
  4. Sehen Sie sich Ihre Videos mit eingeschalteten Untertiteln und ausgeschaltetem Ton an.
  5. Bitten Sie Menschen mit Behinderungen, die wichtigsten Aufgaben auszuprobieren; das deckt Probleme auf, die keine Checkliste vorhersagt.

Häufig gestellte Fragen

Gilt WCAG für PDFs?

Ja. WCAG gilt für Webinhalte, einschließlich der auf einer Website veröffentlichten Dokumente. Das W3C veröffentlicht spezielle Techniken, mit denen PDF-Dateien WCAG erfüllen.

Unsere Karriereseite wird von einem Drittanbieter betrieben. Sind wir dafür verantwortlich?

Aus Sicht der Bewerber ist es Ihr Bewerbungsprozess. Fragen Sie den Anbieter nach einem Accessibility Conformance Report, testen Sie den Ablauf und bieten Sie einen alternativen Bewerbungsweg an. Ob Sie rechtlich verantwortlich sind, hängt von Ihrer Rechtsordnung ab.

Erfüllen automatische Untertitel WCAG?

Nur wenn sie korrekt sind. Automatische Untertitel geben Namen, Zahlen und Fachbegriffe oft falsch wieder; prüfen und korrigieren Sie sie, bevor Sie sich auf sie verlassen.

Reicht ein Barrierefreiheits-Overlay für eine Unternehmenswebsite?

Nein. Overlays beheben weder den zugrunde liegenden Code noch Dokumente oder Videos. Lesen Sie unseren Leitfaden zu Barrierefreiheits-Overlays und der Anordnung der FTC.

Welchen Standard sollte eine Unternehmenswebsite anstreben?

WCAG 2.2 Stufe AA ist die aktuelle Version und das übliche Ziel; viele Gesetze und Richtlinien verweisen noch auf WCAG 2.1 AA, das eine Website, die 2.2 AA erfüllt, ebenfalls erfüllt.

Quellen

Alle Ratgeber