Artikel über: Webseite

Wie Sie Ihre Website barrierefrei gestalten

Auf dieser Seite:


Hier finden Sie eine Checkliste, um sicherzustellen, dass alle relevanten Anpassungen umgesetzt wurden und Ihre Webseite barrierefrei ist.


Einführung in die Web-Barrierefreiheit


Die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) ist die wichtigste Vorschrift in Deutschland zur Regelung der Web-Barrierefreiheit. Sie basiert auf der EU-Richtlinie zu diesem Thema und soll die Barrierefreiheit öffentlicher Webseiten und Apps sicherstellen – das bedeutet, dass jede Person, unabhängig von ihren individuellen Voraussetzungen, in der Lage sein wird, öffentliche Webseiten und Apps auf gleicher Ebene wie alle anderen zu nutzen und zu navigieren.


Auf einer übergeordneten Ebene bedeutet dies:

  • Webseiten und/oder Apps entsprechen dem WCAG 2.1 Level AA Standard
  • Hinzufügen einer öffentlichen Erklärung zur Barrierefreiheit auf Ihrer Webseite
  • Vorhandensein eines klaren Feedback- und Reaktionsprozesses für Bürger
  • Regelmäßige Tests der Barrierefreiheit, um eine kontinuierliche Einhaltung sicherzustellen
  • Angemessene Schulung des verantwortlichen Personals
  • Transparente Dokumentation von Prozessen, Feedback usw.


Allgemeine Prinzipien

Als Ergänzung zu den konkreteren Richtlinien, die weiter unten aufgeführt sind, können einige allgemeine Prinzipien als gute Orientierung für die Arbeit mit der Web-Barrierefreiheit auf Ihrer ChurchDesk-Webseite dienen. Diese beinhalten, dass die Webseite und ihr Inhalt:


Wahrnehmbar - Jeder sollte in der Lage sein, auf alle Inhalte zuzugreifen (sehen und hören).

Bedienbar - Die Navigation sollte für alle möglich sein, einschließlich der Option, ohne Maus zu navigieren.

Verstehbar - Einfache und vorhersehbare Inhalte.

Robust - Sollte mit aktuellen und zukünftigen Hilfsmitteln/Technologien kompatibel sein.


Verantwortlichkeiten

ChurchDesk ist verantwortlich für und kümmert sich um alle technischen Anforderungen. Die Kirchen sind jedoch für die Barrierefreiheit aller Inhalte auf der Website verantwortlich.


Falls Sie sich nicht sicher sind, ob Ihre Website den Standard erfüllt oder nicht, empfehlen wir, diese kostenlos zu testen (z. B. mit diesem Tool). Es ist nicht nötig, ein externes Unternehmen für diesen Test zu bezahlen, da dies unnötig und teuer wäre. Der kostenlose Test reicht aus.


Technische Updates veröffentlichen

Nachdem wir die Barrierefreiheits-Anpassungen am Design Ihrer Webseite umgesetzt haben, ist es notwendig, dass Sie die Webseite einmalig neu veröffentlichen, damit diese Änderungen sichtbar werden.


Ausnahmen

Es gibt mehrere Ausnahmen von den oben genannten Anforderungen. Dazu gehören:

  1. Alte und/oder archivierte Inhalte - Wenn Sie nicht-essentielle Inhalte, die vor dem 23. September 2018 veröffentlicht wurden, haben, sind diese Inhalte von der Einhaltung des Standards ausgenommen. Das Gleiche gilt für archivierte Inhalte/Dateien.
  2. Live-Audio oder -Video - Ausgenommen, wenn der Aufwand, diesen zugänglich zu machen, eine vergleichsweise große Menge an Arbeit erfordert.
  3. Drittanbieter-Inhalte - Dies sind Inhalte, die die Kirche nicht kontrolliert (z. B. auf der Website eingebettete Karten).


Barrierefreiheitserklärung

Ein Bestandteil der gesetzlichen Anforderungen an eine barrierefreie Website ist die Veröffentlichung einer aktuellen Barrierefreiheitserklärung. Diese muss für alle Besucher:innen Ihrer Website zugänglich sein.

Im Folgenden Artikel erklären wir, wie Sie eine solche Erklärung erstellen und auf Ihrer Website veröffentlichen können: Erstellen und veröffentlichen der Barrierefreiheitserklärung für die Website



Erforderliche inhaltliche Schritte


1. Text & Bilder

Für Texte müssen die richtigen Größen angewendet werden. Bei der Gestaltung für Barrierefreiheit ist es im Allgemeinen eine gute Idee, größere Schriftgrößen zu verwenden, damit die Website für sehbehinderte Besucher leichter zu lesen ist. Einige Hilfsprogramme ermöglichen es den Nutzern, Texte im Browser selbst zu vergrößern, doch kann dies das Design der Website beeinträchtigen, da sich die Absätze überschneiden. Es ist daher besser, Designs zu erstellen, die standardmäßig größere Schriftgrößen aufweisen.


Achten Sie ebenfalls auf die Verwendung der korrekten Taxonomien (z. B. H1, H2, H3…). Machen Sie es Besuchern und unterstützenden Technologien leicht, die Struktur Ihrer Website-Inhalte zu verstehen, indem Sie sie mit Überschriften-Tags (h1, h2 usw.) markieren. Auf diese Weise können sie zu den Überschriften navigieren - auch Menschen, die keine Maus benutzen können und nur die Tastatur benutzen, und Menschen, die ein Bildschirmlesegerät verwenden.


Weiterhin müssen alternative Texte zu Bildern hinzugefügt werden (siehe unten, wie). Wenn Sie einem Bild einen Alt-Text (alternativen Text) hinzufügen, kann ein Bildschirmleseprogramm diesen aufnehmen und dem Benutzer vorlesen. Mit anderen Worten, der Alt-Text ermöglicht es sehbehinderten Nutzern, Bilder zu verstehen, auch wenn sie sie nicht sehen können. Im Folgenden finden Sie einige allgemeine Richtlinien, wann ein Alt-Text zu einem Bild hinzugefügt werden sollte und wann nicht.


2. Video- oder Audio-Inhalte

Untertitel oder Transkripte müssen hinzugefügt werden (siehe oben für Ausnahmen).


3. Formulare & Buttons

Klare Beschriftungen sollten angewendet werden, und Fehlermeldungen sollten verständlich und leicht zugänglich sein.


4. Icons

Wenn Sie einer Website Icons hinzufügen, sollten Sie ein beliebiges natives Modul im Editor verwenden, das Icons enthält, da diese bereits mit einem aussagekräftigen ARIA-Label versehen sind. Vermeiden Sie die Verwendung eines Bildmoduls zur Anzeige von Symbolen, da Sie für diese Bilder einen Alt-Text eingeben müssten (was mehr Zeit in Anspruch nehmen würde).


5. Dokumente

PDFs sollten richtig formatiert sein (gescannte Dokumente entsprechen normalerweise nicht dem Standard).


6. Seitentitel

Gute Seitentitel sind besonders wichtig für die Orientierung, damit die Benutzer wissen, wo sie sich befinden und sich zwischen den in ihrem Browser geöffneten Seiten bewegen können. Das erste, was Screenreader anzeigen, wenn der Nutzer zu einer anderen Webseite navigiert, ist der Seitentitel. Aus Gründen der Barrierefreiheit ist es empfehlenswert, den Titel mit den wichtigen und eindeutigen Identifizierungsinformationen an erster Stelle zu platzieren.


7. Kontrast

Es ist wichtig, dass Sie einen ausreichenden Kontrast zwischen Ihren Farben verwenden, damit die Texte gut lesbar sind. Der Kontrast für Inhaltselemente sollte den Standards von 4.5:1 für normalen Text und 3:1 für großen Text (über 14 pt. fett oder 18 pt. regulär) sowie für grafische Objekte, Buttons, Formulareingabefelder und Symbole entsprechen.


8. Veröffentlichte Erklärung & Feedback-Mechanismen

Eine Erklärung zum Stand der Barrierefreiheit sollte auf der Website der Kirche veröffentlicht werden, zusammen mit einem klaren und zugänglichen Verfahren für Feedback von Nutzern.



Erforderliche praktische Schritte

Hier finden Sie weitere Artikel, um praktische Schritte zu machen:


Möchten Sie, dass wir Ihnen helfen, Ihre Inhalte barrierefrei zu machen?


Es ist für Kirchen durchaus möglich, ihre Website selbst barrierefrei zu gestalten, aber viele Kirchen haben sich bereits dafür entschieden, uns diese Aufgabe zu überlassen – meist, um nicht die Zeit dafür aufzuwenden und/oder um sicherzustellen, dass alles korrekt erledigt wird.


Nachdem die Website barrierefrei gemacht wurde, ist die Kirche dafür verantwortlich, das Konformitäts-Niveau aktuell zu halten.


Weitere Informationen zu unserem Service für Web-Barrierefreiheit sowie die Möglichkeit, den Service direkt zu bestellen, finden Sie hier.




Schlagwörter: Barrierefreiheit, Website barrierefrei, BITV 2.0, WCAG 2.1, Alt-Texte, Barrierefreie PDFs, Tastaturnavigation, Farbkontrast, Barrierefreie Inhalte, Zugängliche Webseite, Barrierefreiheit Erklärung, Barrierefreies Design, Barrierefrei machen lassen


Aktualisiert am: 27/06/2025

War dieser Beitrag hilfreich?

Teilen Sie Ihr Feedback mit

Stornieren

Danke!