• Navigation überspringen
  • Zur Navigation
  • Zum Seitenende
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
  • RRZE
  • Videoportal
  • Lageplan und Anfahrt
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
Menu Menu schließen
  • Grundlagen
    • Rahmenbedingungen für Webauftritte
    • Über WordPress
      • Grundsätzliches zum Webpublishing
    • Login und Navigation im Backend
      • Profil
      • Dashboard
      • Der Customizer
    • Benutzer anlegen und bearbeiten
    • Seiten
      • Eine Seite erstellen
      • Mehrere Seiten gleichzeitig konfigurieren
      • Seiten und Beiträge freigeben
    • Beiträge
    • Sidebar
    • Inhalte bearbeiten
      • Mediathek
      • Bilder
      • Galerie
        • Bildergalerie im Gridformat
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • Seitenstruktur erstellen
    • Menüs
    • Widgetbereiche und Widgets
    • Häufig gestellte Fragen
    Portal Grundlagen
  • Plugins
    • Plugins aktivieren
    • Externe Daten einbinden
      • Calendar
      • CRIS
      • FAU oEmbed
      • Jobs
      • Lehrveranstaltungen
      • Remoter
      • Statistik
      • UnivIS
      • Video
    • Neue Inhaltstypen erstellen
      • Expo
      • FAQ
      • Glossary
      • Person
      • Legal (ehemals ToS – „Terms of Service“)
      • RSVP
      • Synonym
    • Inhaltsseiten mit Funktionen erweitern
      • Contact Form 7
      • Downloads
      • Elements
      • Multilang
      • Advanced Editor Tools
      • Verfallsdatum für Beiträge („Post-Expiration“)
    • Zugang beschränken
      • Access Control
      • Private Site
    • Beiträge teilen
      • Auto-Tweet
      • RSS
    • Spezialplugins
      • Newsletter
      • Progressive Web-App (PWA)
      • The SEO Framework
      • Workflow
      • WS Form
    • Über Externe Plugins
    • Über FAU- und RRZE-Plugins
    Portal Plugins
  • Themes
    • FAU Einrichtungen
      • Umsetzungsbeispiele
      • Templates
        • Standardtemplate
        • Die Inhaltsseite mit Navi
        • Portalseite
        • Portalindexseite
        • Startseite
        • Startseite Fakultät
      • Shortcodes
        • Blogroll
        • Portalmenüs
        • Bildlinks
    • FAU Events
      • Startseite
      • Widget-Bereiche und Footer-Inhalt
      • Referenten und Vorträge
      • Shortcodes für Referenten und Vorträge
      • Call for Papers
      • Externe Anmeldeformulare einbinden
    Portal Themes
  • Entwicklung
    • Design
      • Farben (Markendesign 2021)
      • Logos
        • Logos zentraler Anwendungen
        • Einsatz im Videoportal
        • Einsatz im Social Media und auf Online-Plattformen
      • Schriften
    • Einsatzkontext (Statistik)
      • Einrichtungsbezeichnungen
    • Versionsverwaltung Git
    • Einheitliche Vergabe von Versionsnummern
    • Vorgaben an Themes
    • Vorgaben an Plugins
    • Eigene Testinstanz
    • Serverkonfiguration
    • Statistiken zu Webauftritten
    Portal Entwicklung
  • Vorlagen
    • Akkordeons
    • Ansprechpartner & Kontakte
      • Format Kompakt
      • Runde Kacheln
      • Format Sidebar
      • Klassische Darstellung
    • Beiträge ausgeben
    • Button
    • Icon & Iconboxen
    • Kurze Hinweise
    • Testimonials
    • Textboxen
    Portal Vorlagen
  • Tutorials
    • Schnelleinstieg FAU Events
    • Publikationsliste erstellen
    • Tipps und Tricks
    • Neue Daten in die FAU-Karte einbinden
    • Vortragsliste erstellen
    • Schnelleinstieg FAU Einrichtungen
      • Vorbereitungen
      • Navigation im Backend
      • Ein Theme auswählen
      • Seitenlogo und Seiteninformationen ergänzen
      • Eine Startseite erstellen
      • Rechtstexte generieren
      • Inhaltsseiten erstellen für Anfänger
      • Beiträge und die dynamische Sidebar
      • Abmessungen für Bilder und Grafiken
      • Beiträge und die dynamische Sidebar
      • Portale und die Seitennavigation
      • Suchmaschinenoptimierung in 5 Minuten
      • Blogroll und Finetuning
    • Barrierefreiheit
      • Vorwort und Überblick
      • Einführung und Hintergründe
      • Bereitstellung und Pflege von Inhalten
      • Entwicklung und Design
      • Organisatorische und rechtliche Anforderungen
      • Satzungen
      • Tests der Barrierefreiheit
      • Weitere Leitfäden und relevante Informationsangebote
      • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
    • SEO – Search engine optimization
      • SEO Inhalte gestalten
      • SEO Grundlagen
      • SEO und Barrierefreiheit
    Portal Tutorials
  1. Startseite
  2. Tutorials
  3. Barrierefreiheit
  4. Einführung und Hintergründe

Einführung und Hintergründe

Bereichsnavigation: Tutorials
  • Barrierefreiheit
    • Vorwort und Überblick
    • Einführung und Hintergründe
    • Bereitstellung und Pflege von Inhalten
      • Spickzettel
    • Entwicklung und Design
      • Browser-Add-ons
    • Organisatorische und rechtliche Anforderungen
    • Satzungen
    • Tests der Barrierefreiheit
    • Weitere Leitfäden und relevante Informationsangebote
    • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
  • Digitale Hilfsmittel für Kongresse und Veranstaltungen an der FAU
  • Neue Daten in die FAU-Karte einbinden
    • Neue Daten in die FAU-Karte einbinden – Tutorial
  • Publikationsliste erstellen
    • Publikationsliste erstellen – Tutorial
  • Schnelleinstieg FAU Einrichtungen
    • Vorbereitungen
    • Was ist WordPress?
    • Navigation im Backend
    • Ein Theme auswählen
    • Seitenlogo und Seiteninformationen ergänzen
    • Eine Startseite erstellen
    • Rechtstexte generieren
    • Inhaltsseiten erstellen für Anfänger
    • Seite vor der Öffentlichkeit verbergen
    • Beiträge und die dynamische Sidebar
    • Abmessungen für Bilder und Grafiken
    • Portale und die Seitennavigation
    • Suchmaschinenoptimierung in 5 Minuten
    • Blogroll und Finetuning
  • Schnelleinstieg FAU Events
  • SEO – Search engine optimization
    • SEO Grundlagen
    • SEO Inhalte gestalten
    • SEO und Barrierefreiheit
  • Tipps und Tricks
    • Tipp: Eine Kategorieseite ins Menü einbinden
    • Tipp: Beiträge zu einem bestimmten Datum veröffentlichen
    • Tipp: Beiträge auf der Startseite halten
    • Tipp: Zeitumstellung im Kalender
    • Tipp: Möglichkeiten, Bilder und Grafiken hervorzuheben
  • Vortragsliste erstellen
    • Vortragsliste erstellen – Tutorial

Einführung und Hintergründe

Aus rechtlicher Sicht leitet sich der Begriff der Barrierefreiheit aus dem Gleichheitsgrundsatz des Art. 3 GG ab. Dieser garantiert Chancengleichheit und den Ausgleich bestehender Nachteile. Damit soll die Teilnahme aller am öffentlichen Leben umgesetzt werden.

Barrierefreies Webdesign zielt darauf ab, Inhalte und Interaktionen im Netz für (möglichst) alle Nutzergruppen und Endgeräte zugänglich zu machen.

– Charlier / Radtke, „Barrierefreies Webdesign“.

 

Anders ausgedrückt:

Jedem werden,

  • unabhängig von der jeweiligen Auffassungsgabe
  • unabhängig von der jeweiligen Methodik
  • unabhängig vom Gerät
  • unabhängig vom Betriebssystem
  • unabhängig von der Software

beim Zugriff auf dieselbe Seite dieselben Inhalte angezeigt.

Die Umsetzung dieses Prinzips nutzen nicht allein Menschen mit Behinderungen. Auch neue Medien, neue Geräte und Inhaltsaggregatoren (u.a. von Suchmaschinen), profitieren davon.

Besonders deutlich wird dies bei der stark gestiegenen Nutzung von Smartphones und Tablet-Rechnern: Wurden noch vor zehn Jahren Webauftritte nur über Desktop-Rechner abgerufen, ist es heute längst üblich geworden, auch mit Smartphones Informationen abzurufen. Diese zeigen moderne Webseiten zwar nicht im selben optischen Design wie auf einem großen Monitor, sie zeigen aber dennoch dieselben Inhalte.

Moderne Webentwicklung und modernes Webdesign erreichen, dass Webseiten unabhängig vom Gerät, dessen Betriebssystem oder der Software abrufbar sind.

Die WCAG: Richtlinien für barrierefreie Inhalte

Barrierefreiheit adressiert ein weites Feld an Behinderungen, einschließlich visueller, auditiver, motorischer, sprachlicher, kognitiver, Sprach-, Lern- und neurologischer Behinderungen.

Die Richtlinien für barrierefreie Webinhalte (WCAG: „Web Content Accessibility Guildelines“, in autorisierter deutscher Übersetzung der Version 2.0 ) definieren, wie sich Inhalte für Menschen mit Behinderungen barrierefreier gestalten lassen. Gleichwohl können die Richtlinien kein Garant für eine hundertprozentige Barrierefreiheit sein: Obwohl die WCAG viele Aspekte der Barrierefreiheit abdecken, haben sie nicht auf alle Arten, Ausprägungen und Kombinationen von Einschränkungen eine Antwort. Die Einhaltung der Richtlinien sorgt jedoch für einen möglichst breiten Zugang für alle Menschen, unabhängig von ihrer individuellen Lebenssituation. Zudem wird so auch eine deutlich verbesserte Benutzerfreundlichkeit geschaffen und es kommt zu einer signifikant besseren Auffindbarkeit von Webseiten und deren Inhalten über gängige Suchmaschinen.

Die Richtlinien wurden so konzipiert, dass sie sich weitgehend auf verschiedene Webtechnologien der Gegenwart und Zukunft anwenden lassen. Die WCAG sind öffentlich zugänglich und werden ergänzt durch:

  • ausführliche Erläuterungen mit Anwendungsbeispielen,
  • Tutorien und Schulungsmaterialien,
  • die Bereitstellung von Testverfahren (u.a. die WCAG-EM),
  • die Auflistung von geeigneten Werkzeugen und Verfahren.

Die WCAG sind eine Empfehlung des W3C und wurden in der Web Content Accessibility Guidelines Working Group (früher abgekürzt „WCAG-WG“, heute „ACWG“) erarbeitet. Die WCAG wurden – wie beim W3C üblich – gemäß dem W3C-Verfahren entwickelt und über mehrere öffentliche Kommentierungsphasen international abgestimmt. Die letzte Version der WCAG – die WCAG 2.1 wurde am 5. Juni 2018 als Richtlinie veröffentlicht.

Das Ziel des W3C ist es, mit den WCAG einen gemeinsamen, international abgestimmten Standard für die Barrierefreiheit von Webinhalten zur Verfügung zu stellen, der die Bedürfnisse von Einzelpersonen, Unternehmen und Organisationen auf internationaler Ebene erfüllt. Hier zeigt sich auch der Vorteil gegenüber kommerziell getriebenen Empfehlungen und Zertifikaten einzelner Anbieter oder nationalen Insellösungen wie der BITV, die sich zwar an den WCAG in der Version 2.0 orientiert, sie jedoch durch eigene Auslegungen und Einschränkungen abschwächen oder auch andere Prioritäten setzen.

Die EU-Richtlinie 2016/2102 fordert für das Angebot von Webseiten, einschließlich von Dateiformaten aus Büroanwendungen (u.a. PDF-Dokumenten) und mobiler Anwendungen, die Einhaltung der Europäischen Norm EN 301 549 (In der Version 2.1.2 aus dem August 2018). Die Europäische Norm bezieht sich bei der konkreten Beschreibung der Umsetzung auf die WCAG 2.1 in der Konformitätsstufe AA. Daher sollte zukünftig nur noch die Konformität zu den WCAG als Maßstab für die Umsetzung und Prüfung von Inhalten, Webangeboten und Dokumenten verwendet werden.

Auf den WCAG abgeleitete oder interpretierte Formen und Testverfahren (z.B. der „BITVTest“) sollten nicht mehr verwendet werden.

Aufbau und Inhalt der WCAG

Die WCAG basieren auf vier grundlegenden Prinzipien, denen mehrere Richtlinien zugeordnet sind. Zur Erfüllung dieser Richtlinien wurden 76 testbare Erfolgskriterien definiert, mit denen geprüft werden kann, ob die Richtlinien eingehalten werden.

Aufgrund der vorhandenen ausführlichen und guten Literatur, wird hier darauf verzichtet, weitere Ausführungen zu ergänzen. Wird in den folgenden Kapiteln auf einzelne Erfolgskriterien Bezug genommen wird, sind diese gesondert gekennzeichnet.

Detailreiche Erläuterungen zum Aufbau der WCAG, deren Prinzipien, Kriterien, Konformitätsbedingungen sowie der weiteren Bestandteile, können über folgende Seiten und Artikel gelesen werden:

  • W3C:
    • WCAG 2.1 (W3C Recommendation vom 5. Juni 2018), https://www.w3.org/TR/WCAG21/
    • Web Accessibility Initiative, WAI, https://www.w3.org/WAI/
  • Aktion Mensch: WCAG 2.0 im Überblick, https://www.einfach-fuer-alle.de/artikel/wcag-einfuehrung/
  • Jan Hellbusch: Richtlinien: WCAG 2.0, https://www.barrierefreies-webdesign.de/wcag2/

Gesetze, Verordnungen und Richtlinien

Die Barrierefreiheit von Webangeboten für Einrichtungen des öffentlichen Dienstes ist seit der Verabschiedung des Bayerischen Gesetzes zur Gleichstellung, Integration und Teilhabe von Menschen mit Behinderung (BayBGG, http://gesetze-bayern.de/Content/Document/BayBGG) im Jahr 2003 verbindlich geregelt. Die dazugehörige Verordnung BayBITV (http://www.gesetze-bayern.de/Content/Document/BayBITV) vom 24. Oktober 2006 regelt hierbei verbindlich die Art der Umsetzung und Fristen und Empfehlungen. Für bayerische staatliche Hochschulen sind die Fristen in der BayBITV nur Empfehlungen; dies gilt auch für die BITV 2.0. Die vermeintliche Großzügigkeit der Verordnung hinsichtlich der Art der Umsetzung ändert jedoch nichts an der gesetzlichen Pflicht zur Barrierefreiheit, die seit Jahren besteht und bis heute bei vielen Webangeboten nicht erfüllt ist.

Die entsprechenden Fristen zur Umsetzung der Barrierefreiheit von Internet-Angeboten nach dem bisherigen BayBGG sind seit 2010 abgelaufen. Gleichwohl wurden diese gesetzlichen Vorgaben bis heute bei vielen Webangeboten nicht oder nicht ausreichend erfüllt. Das Problem der mangelnden Umsetzung und der Wunsch nach Harmonisierung der Gesetzgebung auf EU-Ebene führte zum Erlass der Richtlinie 2016/2102. Aus diesem Grund wurde eine Richtlinie entworfen, die sich dieses Problems annahm: Am 18.7.2016 wurde auf EU-Ministerratsebene die „Web-Accessibility-Richtlinie“ angenommen, die nach der darauf folgenden Annahme von Rat und Parlament am 20. Tag nach ihrer Veröffentlichung im Amtsblatt der EU (ABl. L 327, 2. Dezember 2016) – am 22. Dezember 2016 – in Kraft trat.

Mit der Richtlinie soll eine Angleichung der Rechts- und Verwaltungsvorschriften der Mitgliedstaaten zum barrierefreien Zugang zu Webseiten öffentlicher Stellen erfolgen. Sie soll dabei unterstützen, die nationalen Verpflichtungen hinsichtlich eines barrierefreien Webzugangs zu erfüllen und das Bekenntnis der Mitgliedstaaten zum Übereinkommen der Vereinten Nationen über die Rechte von Menschen mit Behinderungen in Bezug auf die Websites öffentlicher Stellen zu bekräftigen. Gegenstand der vorgeschlagenen Richtlinie sind sowohl Webseiten, als auch Dokumente und Apps öffentlicher Stellen, da sie Informationen und Dienste bereitstellen, die für Bürgerinnen und Bürger von grundlegender Bedeutung sind.

In technischer Hinsicht gilt als Richtschnur die Erfüllung des Konformitätsstufe AA der Richtlinien für barrierefreie Webinhalte (Web Content Accessibility Guidelines – WCAG 2.1).

Weitere Hinweise zum Webauftritt

Social Media

  • RSS Feed
  • GitHub
  • Twitter

Noch Fragen?

Schreiben Sie uns eine Mail an webmaster@fau.de. Wir beantworten Ihnen alle offenen Fragen rund um unser Content Management System (CMS), WordPress, Webhosting und Co.

Regionales Rechenzentrum Erlangen
(RRZE)

Martensstraße 1
91058 Erlangen
  • Kontakt
  • Webworking Blog
  • Impressum
  • Datenschutz
  • Barrierefreiheit
  • RSS Feed
  • GitHub
  • Twitter
Nach oben