• Barrierefreie Webseiten – weil alle davon profitieren

Barrierefreie Webseiten

mit der NetzWerkstatt

Wer glaubt, barrierefreier Zugang zu Webseiten sei nur sinnvoll für eine kleine Gruppe behinderter Menschen, der irrt.

Beeinträchtigungen können vielgestaltig sein und können jeden betreffen.

  • Z. B. wenn man nach einem Bruch temporär eine Hand nicht mehr nutzen kann,
  • der User eigentlich eine Fremdsprache spricht (Stichwort „leichte Sprache“) oder
  • wenn im Alter die Sehkraft nachlässt.

Apropos fehlende Sehkraft:

Suchmaschinen sind „blind“

Suchmaschinen nutzen quasi dieselben Mittel wie Sehbehinderte, um Webseiten zu verstehen. Das bedeutet konkret, wer seine Seite für eingeschränkte Menschen optimiert, erhöht zugleich die Sichtbarkeit für und bei Suchmaschinen – betreibt also „natürliche“ Suchmaschinenoptimierung (SEO).

Seit Juni 2021 müssen kommunale und öffentliche Websites per Gesetz barrierefrei sein. Die zu ergreifenden Maßnahmen finden sich in den Web Accessibility Guidelines 2.1 und der Europäischen Norm EN 301549 . Seit Ende Juni 2025 gilt das Gesetz auch – mit Ausnahmen – für nichtöffentliche Dienstleister.

Gute Gründe, sofort mit einer barrierefreien Website loszulegen, oder?

Erklärung zur Barrierefreiheit

Gerne unterstützen wir Sie bei der Erstellung der Erklärung zur Barrierefreiheit.

Ggf. optimieren wir auch, indem wir z. B. fehlende Alt-Tags nachpflegen.

Mit den resultierenden Daten füllen wir alle Punkte der Erklärung zur Barrierefreiheit für Sie aus, unter Berücksichtigung der ebenfalls geforderten Angaben bezüglich Kontakt und Prüfdatum.

Auf Wunsch hinterlegen wir die BFH-Erklärung fachgerecht auf der entsprechenden Website, nachdem sie von Ihnen oder einem Befugten gegengeprüft worden ist.

Unsere Leistungen für Sie

  • Stichprobenartiger Wave-Test der wichtigsten Seiten Ihres Webprojektes
  • Vorausfüllen der Erklärung für Barrierefreiheit
  • Fachgerechte Veröffentlichung der Erklärung für BFH auf der Website

Wichtig! Aus rechtlichen Gründen dürfen wir für die Erstellung der BFH-Erklärung keine Haftung übernehmen. Bitte konsultieren Sie deshalb zur Absicherung Ihre:n Barrierefreiheitsbeauftragte:n.

Kristin Zimmermann

Ihre Ansprechpartnerin für Barrierearmut:

Kristin Zimmermann

Barrierefreiheit mit einem Tool

DIGIaccess hält Ihr Webprojekt barrierearm nach WCAG, BITV und EN301549

Es gibt immer kleinere Punkte, die sich auch für uns nicht so einfach barrierefrei regeln lassen oder zukünftige Inhalte/Module, welche die Barrierefreiheit senken.

Dafür hat DIGIaccess einen System-Code, den man auf der Website einbindet. Dieser behebt binnen 48 h diese Probleme und verhindert auch zukünftige Barrierefreiheitsprobleme.

DIGIaccess bietet die Möglichkeit, Animationen bei Bedarf zu deaktivieren, Kontraste und Schriften sowie die Inhaltsgröße manuell und nach eigenen Bedürfnissen anpassen zu können. Dabei reden wir nicht nur von schwarz und weiß. Heller und dunkler, Schriftveränderungen in eine einfacher zu lesende Schriftart, Vergrößerung der Wortabstände sowie der Zeilenabstände, Lupenfunktion, Maushervorhebung sowie die Steuerung der Website mit der Tastatur.

Darüber hinaus wir ein Screenreader geboten, der die Texte erkennt und vorliest. So können Menschen mit den verschiedensten Einschränkungen (Seheinschränkung, kognitive Einschränkungen, Konzentrationsschwäche) beim Erkunden der Website unterstützt werden.

Mit DIGIaccess haben wir ein Tool gefunden, das einfach und kostengünstig in jede Webpräsenz einzubauen ist und diese spätestens nach 48 Stunden sicher und nachhaltig barrierefrei macht. Moderne KI-Technologie sorgt automatisiert dafür, dass die Präsenz auch bei neuen Inhalten barrierefrei bleibt.

Sich für DIGIaccess zu entscheiden ist die richtige Wahl.
Nicht umsonst nutzen wir diesen Service auf unserer  Website.

Vorteile von DIGIaccess

  • Erfüllung der rechtlichen Vorgaben wie WCAG 2.1.
  • DSGVO-konform.
  • Vollautomatische Lösung.
  • DIGIaccess scannt on-the-fly alle Elemente Ihrer Webseite.
  • In 48 Stunden ist die Webseite kompatibel und barrierefrei.
  • Integrierte Vorlesefunktion.
  • DIGIaccess aktualisiert, auch wenn neue Inhalte entstehen.
  • Preiswert durch automatisierte KI-Technologie.

Übrigens: NetzWerkstatt-Kunden erhalten bei Buchung über uns 10% Rabatt!

Das können Sie selbst tun

Bilder

Stellen Sie aussagekräftige Alternativtexte (alt-Attribute) für Bilder bereit, damit Screenreader den Bildinhalt beschreiben können. 

So fügen Sie Bildern „Alternativ-Texte“ (alt-tag) hinzu: Gehen Sie in die Mediathek (WordPress) bzw. den Bilderordner (TYPO3), klicken auf das betreffende Bild. Es öffnet sich ein Fenster mit mehreren Feldern. Wichtig ist das Feld „Alternativer Text“.

Folgendes hinterlegen Sie:

  • Eine kurze, prägnante Beschreibung, was auf dem Bild zu sehen ist, z. B. "eine lächelnde Frau".
  • Beschreibung ohne Gefühlseinfluss, also nicht "Glückliche Frau".

Überschriften

Verwenden Sie Überschriften (H1-H6) zur Gliederung des Textes und Absätze zur logischen Trennung von Inhalten.

Anhand der Überschriften wird die Seite strukturiert, daher sollten die Hierarchie eingehalten werden.

  • Die H1 ist der Seitentitel.

    Sie darf nicht fehlen.

  • Die H1 nur einmal verwenden

    Erlaubte Ausnahmen sind höchst selten.

  • Reihenfolge einhalten

    Nach einer H1 kommt niemals eine H3 oder H4. Nach einer H2 kommt eine H3, keine H6.

Verlinkungen

Fügen Sie Links „Titel-Texte“ hinzu.

Beschreiben Sie für Sehbeeinträchtigte, was passiert, wenn man den Link anklickt.

Beispiele:

  • Verlinkte Seiten

    „Öffnet eine interne Seite im selben Fenster“ bzw. „Öffnet eine externe Seite im neuen Fenster“.

  • Verlinkte Dateien

    Titel = „Öffnet Dokument im neuen Fenster“.

  • E-Mail-Adressen verlinken

    „E-Mail senden“.

  • Telefonnummern verlinken

    „Nummer wählen“.

  • Keine Wiederholung des Linknamens .

Leere Inhalte

Leere Inhalte können für Screenreader-Benutzer problematisch sein, da sie nicht erkennen können, ob der Inhalt absichtlich oder versehentlich leer ist.

Beispiele:

  • Zeilenabstand

    Generieren Sie Abstände nicht durch „Enter“.

  • Leere Attribute für Bilder

    Verwenden Sie das leere alt-Attribut (alt=““) für dekorative Bilder, die für den Screenreader nicht relevant sind.

  • Leere Zellen in Tabellen

    Verwenden Sie geeignete Methoden, um leere Zellen in Tabellen zu kennzeichnen.

Aufzählungen

Formatieren Sie Aufzählungen als Listen, um diese von Screenreadern als solche erkannt und vorgelesen zu werden. Nutzen Sie dafür entsprechende Tools in Ihrem CMS.

  • Bullets

    Übersichtliche Darstellung von Informationen.

  • Nummerierte Liste

    Aufzählungen werden so übersichtlicher.

Zusätzliche Tipps

  • Telefonnummern formatieren

    Von hinten beginnend in 2er-Gruppen. 01 74 / 1 23 45 67

  • Telefonnummern mit Durchwahl formatieren

    Von hinten beginnend in 2er-Gruppen. Bsp.: 03 85 / 70 12 – 34

  • PLZ

    Postleitzahlen werden nicht untergliedert

  • Vermeidung von Sonderzeichen

    Sonderzeichen können den Lesefluss beeinträchtigen

  • Videos

    Bieten Sie Untertitel/Transkripte für Videos an.

  • Formulare

    Bieten Sie klare Beschriftungen und Hinweise an, die von Screenreadern vorgelesen werden können.

  • Regelmäßige Überprüfung

    Überprüfen Sie Ihre Webseite regelmäßig auf Barrierefreiheit, da sich Inhalte und Technologien ändern können.

Call Now Button