Struktur einer barrierefreien Website konzipieren

In Deutschland gibt es auf Bundesebene mehrere gesetzliche Vorgaben, die die digitale Barrierefreiheit betreffen:

1. EU-Richtlinie 2016/2102: Diese Richtlinie ist die Basis für die gesetzlichen Anforderungen an digitale Barrierefreiheit und wurde in Deutschland durch das Behindertengleichstellungsgesetz (BGG) sowie durch Landesgesetze umgesetzt​​.
   Digitale Barrierefreiheit und die Ausnahmeregelung der unverhältnismäßigen Belastung
2. Behindertengleichstellungsgesetz (BGG): Das BGG ist ein zentrales Gesetz, das die Gleichstellung von Menschen mit Behinderungen fördert und spezifische Anforderungen an die Barrierefreiheit stellt​​.
   Portal Barrierefreiheit - Gesetze und Richtlinien
3. Barrierefreie-Informationstechnik-Verordnung (BITV 2.0): Die BITV 2.0 setzt das BGG in Bezug auf digitale Angebote um und gilt für alle Behörden der Bundesverwaltung. Sie legt konkrete technische Anforderungen fest, wie zum Beispiel die Verwendung des europäischen Standards EN 301 549, und verlangt, dass Informationen auch in Deutscher Gebärdensprache sowie in Leichter Sprache bereitgestellt werden​​​​.
   Gesetz und Verordnung – Richtlinien der BITV
   Barrierefreie-Informationstechnik-Verordnung (kurz: BITV 2.0)
4. Barrierefreiheitsstärkungsgesetz (BFSG): Dieses Gesetz, beschlossen im März 2021, regelt die Barrierefreiheitsanforderungen für bestimmte Produkte und Dienstleistungen und dient der Umsetzung der EU-Richtlinie zur Barrierefreiheit (European Accessibility Act, EAA). Es zielt darauf ab, die gleichberechtigte und diskriminierungsfreie Teilhabe von Menschen mit Behinderungen zu fördern​​​​.
   Mehr Barrierefreiheit für Deutschland
   Barrierefreiheitsstärkungsgesetz (kurz: BFSG)

Diese Vorschriften sind mit der Erwartung verbunden, dass beim Zugang zu Informationen und Kommunikation der Stand der Technik berücksichtigt wird und die Umsetzung der Barrierefreiheit auf Grundlage harmonisierter Normen und technischer Spezifikationen erfolgt​​.

Gesetzliche Vorgaben zur digitalen Barrierefreiheit auf Landesebene in Deutschland basieren auf der Umsetzung der EU-Richtlinie 2016/2102, die durch das Behindertengleichstellungsgesetz (BGG) auf Bundesebene und durch ähnliche Gesetze auf Länderebene in Kraft gesetzt wurde​​. Die genauen Bestimmungen können von Bundesland zu Bundesland variieren, da jedes Land seine eigenen Gesetze und Verordnungen innerhalb dieses Rahmens erlassen kann. Generell sind öffentliche Stellen verpflichtet, ihre Websites und mobilen Anwendungen so zu gestalten, dass sie von allen Menschen, unabhängig von ihren Fähigkeiten, genutzt werden können.

Sachsen

In Sachsen regelt das Barrierefreie-Websites-Gesetz (BfWebG) die digitalen Barrierefreiheitsvorschriften. Dieses Gesetz, das am 10. April 2019 in Kraft trat, setzt die EU-Richtlinie 2016/2102 um, welche den barrierefreien Zugang zu Websites und mobilen Anwendungen öffentlicher Stellen fordert​​. Es definiert öffentliche Stellen als Behörden und Gerichte des Freistaates Sachsen sowie Körperschaften, Anstalten und Stiftungen des öffentlichen Rechts, die der Aufsicht des Freistaates unterstehen​​. Diese öffentlichen Stellen sind verpflichtet, ihre Websites und mobilen Anwendungen, einschließlich des Intranets für Bedienstete, barrierefrei zu gestalten, gemäß den Bestimmungen der Barrierefreien-Informationstechnik-Verordnung​​.

Quelle: REVOSax - Barrierefreie-Websites-Gesetz

Überlegen Sie sich als Kunde, welches Ziel Sie mit der Website erreichen wollen. Je nachdem, welche Bedeutung die Website für Ihr Unternehmen hat, wird sich die Struktur dramatisch ändern.

Tipp: Stellen Sie sich vor, Sie entwerfen ein Automobil. Soll es viel transportieren oder sich sportlich bewegen? Diese Entscheidungen nehmen wesentlichen Einfluss auf Fahrwerk, Karosserie und Antrieb. Ähnlich verhält sich das mit einer Website.

Damit wir Ihnen eine optimale Unterstützung für barrierefreie Websites bieten zu können, erzählen Sie uns, was Ihnen persönlich bei der Barrierefreiheit wichtig ist. Beschreiben Sie uns, wer Ihre Website nutzen soll. Zeigen Sie uns Beispiele für Websites, welche Sie für gut empfinden. Teilen Sie mit uns Ratschläge von Menschen mit Behinderungen, damit wir als Webagentur für barrierefreie Websites wissen, was diese Menschen / Ihre Zielgruppen brauchen. Wir würden uns freuen, wenn Sie uns Möglichkeiten geben, uns mit Ihnen zum Thema digitale Barrierefreiheit auszutauschen.

Bei den Vorarbeiten für die Struktur einer barrierefreien Website ist es sinnvoll, sich mit den Bedürfnissen der Nutzer mit Behinderungen vertraut zu machen, eine gründliche Analyse der Zielgruppe durchzuführen und Best Practices für zugängliches Webdesign zu recherchieren; dazu gehört auch, sich mit den Web Content Accessibility Guidelines (WCAG) auseinanderzusetzen, ein Verständnis für assistive Technologien zu entwickeln, ein barrierefreies Designkonzept zu entwerfen und sicherzustellen, dass alle Elemente der Website, von der Navigation bis zu den Inhalten, ohne Maus bedienbar sind und gut strukturiert werden, um eine intuitive Bedienbarkeit für alle Nutzer zu gewährleisten.

Sprechen Sie uns an, wir sind bereit!

Am besten gemeinsam. Kunde und Agentur sollten sich idealerweise 1-2 Stunden zusammensetzen. Danach steht die Struktur zu 90%. Dies ist gut investierte Zeit.

Manche Kunden lassen uns auch freie Hand. Dann stellen wir Ihnen eine Struktur vor und erläutern Ihnen, warum wir die Struktur so anlegen möchten.

Ihr erster Gedanke bei der Entwicklung der Struktur wird sein: Wie bringe ich meine Leistungen am besten auf der Website unter? Das ist aber eine Herangehensweise lediglich aus Sicht des Verkaufs-Sortimentes.

Gehen Sie einmal anders an die Struktur heran, und zwar aus Sicht des Besuchers. Für den entwickeln Sie Ihre Website ja schließlich. Der Besucher möchte sehen, dass Sie ein kompetenter und seriöser Anbieter sind. Wenn der Besucher diese Sicherheit gewonnen hat, möchte er schnell an sein Ziel gelangen. Dieser Klickpfad würde anders aussehen als über das Sortiment.

Mit der Auswahl, die Sie über das Menü anbieten, steuern Sie die Navigation Ihrer Besucher entscheidend.

Stellen Sie sicher, dass die Struktur Ihrer Websites die Flexibilität bietet, um auf zukünftige Geschäftsanforderungen reagieren zu können. Sei es die Integration einer Landingpage zur Unterstützung kommender Verkaufsaktionen oder der Ausbau zu einem vollwertigen Online-Shop – die Skalierbarkeit Ihrer Website ist entscheidend. Informieren Sie sich im Voraus, ob Ihr gewähltes Content Management System (CMS) solche Erweiterungen unterstützt. Wir nutzen TYPO3, ein leistungsstarkes CMS, das für seine hohe Anpassungsfähigkeit und Erweiterbarkeit bekannt ist, und damit ideal für Unternehmen, die ihre Online-Präsenz dynamisch entwickeln möchten.

Ein Beispiel aus der Praxis:

Nehmen wir an, Sie führen ein mittelständisches Unternehmen, das lokal produzierte Naturkosmetik verkauft. Ihre aktuelle Website dient hauptsächlich als digitale Visitenkarte mit Informationen über Ihr Unternehmen und Ihre Produkte.

Mit der Zeit möchten Sie jedoch eine Marketingkampagne für eine neue Produktlinie starten. Mit TYPO3 als Ihrem Content Management System können Sie mühelos eine speziell zugeschnittene Landingpage hinzufügen, die sich nahtlos in das bestehende Design einfügt und auf die neue Produktlinie abzielt. Diese Seite könnte Funktionen wie Anmeldeformulare für Newsletter, spezielle Angebote und detaillierte Produktinformationen enthalten.

Später entscheiden Sie, direkt über Ihre Website zu verkaufen. TYPO3 ermöglicht es Ihnen, E-Commerce-Funktionalitäten zu integrieren, wie einen Online-Shop mit Warenkorb, sichere Zahlungsgateways und Kundenkonten – alles ohne Ihre Website von Grund auf neu bauen zu müssen. Das CMS wächst mit Ihren Bedürfnissen, sodass Sie flexibel auf Marktveränderungen reagieren und neue Geschäftschancen ergreifen können.

Bei der Verlinkung innerhalb einer eigenen Webseite unter dem Aspekt der Barrierefreiheit sind mehrere Dinge zu beachten:

1. Klare Linkbeschreibungen: Verwenden Sie aussagekräftige Texte für Hyperlinks, sodass Nutzer mit und ohne Sehbehinderungen verstehen können, wohin der Link führt.
2. Vermeidung von „Klick hier“: Vermeiden Sie nicht beschreibende Linktexte wie „klick hier“ oder „mehr“, da diese keine Information über das Ziel des Links geben.
3. Konsistente Navigation: Stellen Sie sicher, dass die Navigation konsistent ist, um Verwirrung zu vermeiden und die Orientierung zu erleichtern.
4. Fokusindikatoren: Sorgen Sie dafür, dass Links visuelle Fokusindikatoren haben, damit Nutzer mit Tastaturnavigation wissen, wo sie sich auf der Seite befinden.
5. Vermeidung von sich öffnenden neuen Fenstern: Vermeiden Sie es, Links in einem neuen Fenster oder Tab zu öffnen, es sei denn, es wird deutlich angegeben. Dies kann verwirrend sein, besonders für Screenreader-Nutzer.
6. Sprunglinks: Bieten Sie Sprunglinks an, damit Nutzer schnell zum Hauptinhalt oder anderen wichtigen Bereichen der Seite navigieren können.
7. Zugängliche Rich Text Links: Stellen Sie sicher, dass alle Links, auch solche in Rich-Text-Elementen wie Karussells oder Tabs, mit der Tastatur erreichbar und nutzbar sind.
8. Unterstützung für Screenreader: Achten Sie darauf, dass Links so codiert sind, dass sie von Screenreadern richtig interpretiert und vorgelesen werden können.
9. Farbkontraste: Links sollten sich farblich deutlich vom umgebenden Text abheben, um die Lesbarkeit für Nutzer mit Sehbehinderungen zu gewährleisten.
10. Größere Klickbereiche: Bieten Sie ausreichend große Klickbereiche, um die Bedienung für Nutzer mit motorischen Einschränkungen zu erleichtern.

Diese Punkte tragen dazu bei, dass Ihre Website für alle Nutzer, unabhängig von ihren Fähigkeiten oder den von ihnen verwendeten Technologien, zugänglicher wird.

In diesem Artikel haben wir das Thema Barrierefreie Websites von verschiedenen Seiten beleuchtet und dessen zentrale Bedeutung für den Betreiber einer Website hervorgehoben. Ein barrierefreies Webdesign ist nicht nur eine Frage der sozialen Verantwortung und gesetzlichen Erfordernisse, sondern bietet auch substantielle wirtschaftliche Vorteile. Es erweitert die Zielgruppe, verbessert die Benutzererfahrung und stärkt das Markenimage. Besonders wurde auf die Bedeutung einer intuitiven Navigation und flachen Hierarchie für die Zugänglichkeit hingewiesen, ebenso wie auf die Wichtigkeit einer durchdachten internen Verlinkung. Als Auftraggeber können Sie durch präzise Vorarbeit und klare Kommunikation Ihrer Bedürfnisse maßgeblich zu einer erfolgreichen Umsetzung beitragen.

Eine barrierefreie Website stellt nicht nur eine inklusive Plattform für alle Nutzer dar, sondern auch ein Zeichen für Weitsicht und Innovation. Wenn Sie Unterstützung bei der Planung, Umsetzung oder Optimierung Ihrer barrierefreien Website benötigen, stehen wir Ihnen mit unserem Know-how und unserer langjährigen Expertise in der digitalen Barrierefreiheit zur Seite. Lassen Sie uns gemeinsam daran arbeiten, Ihre digitale Präsenz zukunftsfähig und zugänglich für alle zu machen.

Kontaktieren Sie uns jetzt!

Einfach erklärt: Warum Websites ohne Barrieren gut für alle sind und wie wir dabei helfen können.

In unserem Artikel ging es darum, wie man eine Website so gestaltet, dass sie alle Menschen gut benutzen können. So eine Website nennt man barrierefrei. Wenn eine Website barrierefrei ist, ist das gut für die Firma, die sie hat. Denn dann können mehr Menschen die Website nutzen, auch Menschen mit Behinderungen. Das kann der Firma helfen, mehr zu verkaufen oder bekannter zu werden.

Wir haben auch besprochen, welche Vorteile es hat, wenn man auf der Website nur das Wichtigste zeigt. Das ist besonders auf kleinen Bildschirmen, wie bei Handys, besser. Eine einfache Seite ist oft besser als eine, die zu viel hat. Wir haben besprochen, dass es wichtig ist, dass Leute sich leicht auf der Website bewegen können. Das hilft allen, besonders Menschen, die nicht gut sehen oder die nicht gut mit der Maus umgehen können.

Dann haben wir darüber geredet, was man tun kann, bevor man mit einer Webfirma arbeitet. Man sollte gut erklären, was man möchte, und Beispiele zeigen, die einem gefallen. Man sollte auch der Firma helfen, mehr über barrierefreie Websites zu lernen.

Am Ende haben wir gesagt, dass wir dabei helfen können, so eine Website zu machen. Wir haben viel Erfahrung und Wissen darüber, wie das geht.

Kontaktieren Sie uns jetzt!