Barrierefreiheit beim Website-Relaunch berücksichtigen
Ein Website-Relaunch bietet Unternehmen die Möglichkeit, ihren Internetauftritt grundlegend zu modernisieren. Neben einem neuen Design, einer übersichtlicheren Seitenstruktur und aktuellen Funktionen spielt dabei auch die Barrierefreiheit eine wichtige Rolle.
Werden bestehende Inhalte und Funktionen einfach in ein neues Layout übertragen, können allerdings auch bisherige Barrieren erhalten bleiben. Gleichzeitig entstehen durch neue Gestaltungselemente oder technische Erweiterungen möglicherweise zusätzliche Probleme.
Deshalb lohnt es sich, Barrierefreiheit nicht erst kurz vor der Veröffentlichung zu überprüfen, sondern bereits bei der Planung des Relaunchs einzubeziehen. So entsteht eine Website, die nicht nur moderner aussieht, sondern auch für möglichst viele Menschen zugänglich und einfach bedienbar ist.
Wie lässt sich Barrierefreiheit in einen Website-Relaunch integrieren?
Bei einem Relaunch werden häufig zahlreiche Bestandteile einer Website gleichzeitig überarbeitet. Navigation, Seitenstruktur, Inhalte, Gestaltung und technische Funktionen werden neu geplant oder angepasst.
Gerade diese umfassenden Veränderungen bieten gute Voraussetzungen, um bestehende Barrieren zu beseitigen und neue Anforderungen direkt in die Entwicklung einzubeziehen.
Entscheidend ist dabei ein abgestimmtes Vorgehen. Barrierefreiheit sollte nicht als zusätzliche Aufgabe am Ende des Projekts betrachtet werden, sondern die einzelnen Entwicklungsschritte begleiten.
Wir zeigen, welche Aspekte bei der Planung und Umsetzung eines Relaunchs besonders wichtig sind und wie sich eine zugängliche Website mit einem individuellen Erscheinungsbild verbinden lässt.
1. Bestehende Website vor dem Relaunch analysieren
Bevor eine Website neu gestaltet wird, sollte zunächst betrachtet werden, welche Funktionen und Inhalte bereits vorhanden sind.
Dabei geht es nicht nur darum, bestehende Barrieren zu erkennen. Ebenso wichtig ist die Frage, welche Elemente gut funktionieren und bei der Neugestaltung erhalten bleiben sollten.
Eine bestehende Website kann beispielsweise bereits eine verständliche Navigation oder gut strukturierte Inhalte besitzen. Werden diese beim Relaunch ohne ausreichende Planung verändert, können bisher funktionierende Bedienabläufe unnötig kompliziert werden.
Vorhandene Funktionen und Inhalte erfassen
Für die Planung ist es sinnvoll, unterschiedliche Bereiche der Website zu betrachten:
- Seitenstruktur:Welche Inhalte sind vorhanden und wie sind sie miteinander verbunden?
- Navigation:Welche Menüs und Orientierungsmöglichkeiten werden genutzt?
- Funktionen:Welche Formulare, Suchfunktionen oder interaktiven Elemente sind eingebunden?
- Medien:Welche Bilder, Videos und Downloads sollen übernommen werden?
- Technik:Welche bestehenden Erweiterungen oder individuellen Komponenten werden weiterhin benötigt?
Auf dieser Grundlage lässt sich entscheiden, welche Bestandteile übernommen, verbessert oder vollständig neu entwickelt werden sollten.
Eine solche Bestandsaufnahme verhindert auch, dass wichtige Funktionen während des Relaunchs übersehen werden.
2. Barrierefreiheit bei der neuen Seitenstruktur einplanen
Ein Relaunch bietet die Gelegenheit, die bisherigen Inhalte neu zu ordnen und eine verständlichere Seitenstruktur zu entwickeln.
Das ist besonders bei gewachsenen Websites sinnvoll, auf denen im Laufe der Jahre zahlreiche Unterseiten, zusätzliche Menüpunkte und neue Themenbereiche entstanden sind.
Für Besucher kann eine unübersichtliche Struktur die Orientierung erschweren. Das betrifft insbesondere Menschen, die sich mit unterstützenden Technologien oder ausschließlich über die Tastatur durch den Internetauftritt bewegen.
Bei der neuen Seitenstruktur sollte deshalb berücksichtigt werden, wie Besucher wichtige Informationen möglichst einfach erreichen können.
Dazu gehören beispielsweise nachvollziehbare Menübezeichnungen, eine logische Gliederung der Inhalte und verständliche Verlinkungen zwischen zusammengehörigen Themen.
Auch die spätere Erweiterbarkeit spielt eine Rolle. Eine sinnvoll geplante Struktur sollte neue Inhalte ermöglichen, ohne dass dadurch die Navigation zunehmend unübersichtlich wird.
Barrierefreiheit und eine verständliche Informationsarchitektur ergänzen sich deshalb bereits bei der Konzeption eines Relaunchs.
3. Gestaltung und technische Komponenten gemeinsam entwickeln
Bei einem Website-Relaunch steht häufig zunächst das neue Erscheinungsbild im Mittelpunkt.
Farben, Schriften, Bilder und individuelle Gestaltungselemente sollen das Unternehmen zeitgemäß präsentieren und einen hohen Wiedererkennungswert schaffen.
Damit die Gestaltung später barrierefrei umgesetzt werden kann, müssen allerdings auch die technischen Anforderungen frühzeitig berücksichtigt werden.
Besonders wichtig ist das bei wiederkehrenden Elementen wie Navigationsmenüs, Buttons, Formularen oder aufklappbaren Inhaltsbereichen.
Wiederverwendbare Elemente schaffen
Werden solche Komponenten zentral entwickelt, können sie auf unterschiedlichen Unterseiten eingesetzt werden.
Das bringt mehrere Vorteile:
- Einheitliche Gestaltung und Bedienung
- Wiederkehrende technische Strukturen
- Einfachere Pflege und spätere Anpassungen
- Weniger individuell programmierte Einzellösungen
- Bessere Möglichkeiten zur systematischen Prüfung
Beispielsweise kann ein barrierefrei entwickeltes Akkordeon an mehreren Stellen verwendet werden, ohne dass für jede Unterseite eine eigene technische Lösung notwendig ist.
Wichtig ist jedoch, dass diese Komponenten bereits bei der Entwicklung auf ihre tatsächliche Zugänglichkeit geprüft werden.
Auch ein technisch sauber entwickeltes Element kann durch eine ungeeignete Konfiguration oder fehlerhafte Inhalte später Barrieren verursachen.
Individuelles Webdesign bleibt möglich
Eine barrierefreie Gestaltung muss nicht auf ungewöhnliche Layouts, besondere Schriften oder moderne Effekte verzichten.
Entscheidend ist, wie die einzelnen Elemente miteinander kombiniert und technisch umgesetzt werden.
Bei der Planung können beispielsweise geeignete Farbvarianten, flexible Schriftgrößen und alternative Darstellungen berücksichtigt werden.
So lässt sich das gewünschte Erscheinungsbild mit den Anforderungen unterschiedlicher Besucher verbinden.
Welche Rolle dabei Schriftgrößen und Farbkontraste spielen, erklären wir ausführlich in unserem Beitrag „Schlechte Kontraste und kleine Schrift: Wenn Websites schwer lesbar sind“.
4. Inhalte und Medien beim Relaunch sorgfältig übernehmen
Bei einer Neugestaltung werden häufig vorhandene Texte, Bilder und Dokumente übernommen.
Gerade hier besteht die Gefahr, dass alte Probleme unbemerkt in die neue Website gelangen.
Beispielsweise können Bilder ohne passende Alternativtexte eingebunden oder bisherige Überschriftenstrukturen ungeprüft übertragen werden.
Auch Downloads und eingebundene Videos benötigen Aufmerksamkeit, wenn sie weiterhin Bestandteil des Internetauftritts bleiben sollen.
Inhalte nicht einfach unverändert übertragen
Ein Relaunch bietet eine gute Gelegenheit, den vorhandenen Content zu überprüfen.
Dabei sollte beispielsweise geklärt werden:
- Sind die Texte noch aktuell und verständlich?
- Werden Überschriften sinnvoll verwendet?
- Besitzen informative Bilder geeignete Alternativtexte?
- Sind Linkbezeichnungen auch ohne den umgebenden Text verständlich?
- Werden vorhandene PDF-Dateien weiterhin benötigt?
- Sind wichtige Informationen unabhängig von Bildern und Videos zugänglich?
Nicht jeder bestehende Inhalt muss vollständig neu geschrieben werden. Häufig lassen sich durch gezielte redaktionelle Anpassungen bereits Verbesserungen erzielen.
Besonders bei umfangreichen Websites empfiehlt es sich, die Übernahme der Inhalte strukturiert vorzubereiten.
So können redaktionelle und technische Aufgaben sinnvoll miteinander verbunden werden.
5. Barrierefreiheit während der Entwicklung überprüfen
Ein häufiger Fehler besteht darin, eine Website zunächst vollständig zu entwickeln und erst unmittelbar vor der Veröffentlichung auf Barrierefreiheit zu prüfen.
Werden dabei grundlegende Probleme entdeckt, können umfangreiche Nachbesserungen notwendig werden.
Deutlich sinnvoller ist es, wichtige Funktionen bereits während der Entwicklung zu kontrollieren.
Das betrifft beispielsweise die Navigation, unterschiedliche Seitenlayouts und individuell entwickelte Bedienelemente.
Prüfungen in den Entwicklungsprozess integrieren
Je nach Projekt können unterschiedliche Prüfungen sinnvoll sein:
- Gestaltungsphase:Kontrolle von Farbkontrasten, Schriftgrößen und wichtigen Bedienkonzepten
- Technische Entwicklung:Überprüfung von Tastaturbedienung, HTML-Struktur und interaktiven Komponenten
- Inhaltspflege:Kontrolle von Überschriften, Bildern und eingebundenen Medien
- Vor der Veröffentlichung:Prüfung unterschiedlicher Seitentypen und vollständiger Bedienabläufe
Nicht jede Unterseite muss bei identischem technischem Aufbau in gleicher Weise untersucht werden. Wichtig ist jedoch, dass die verschiedenen Seitenvorlagen, Inhaltstypen und Funktionen angemessen berücksichtigt werden.
Besonders bei Formularen oder mehrstufigen Vorgängen reicht es nicht aus, lediglich die erste Ansicht zu überprüfen. Auch die weiteren Schritte und mögliche Fehlermeldungen müssen zugänglich bleiben.
Eine regelmäßige Qualitätssicherung während der Entwicklung hilft, Probleme frühzeitig zu erkennen und unnötige Nacharbeiten zu vermeiden.
Vor der Veröffentlichung der neuen Website
Kurz vor dem Relaunch stehen häufig technische und organisatorische Aufgaben im Mittelpunkt. Die neue Website soll veröffentlicht werden, bestehende Seiten werden umgeleitet und die letzten Inhalte ergänzt.
Dabei sollte auch die Barrierefreiheit der tatsächlichen Live-Version berücksichtigt werden.
Insbesondere Änderungen, die erst kurz vor der Veröffentlichung vorgenommen werden, können Auswirkungen auf zuvor geprüfte Funktionen haben.
Dazu gehören beispielsweise nachträglich eingefügte Erweiterungen, zusätzliche Formulare oder Änderungen an zentralen Gestaltungselementen.
Auch externe Dienste wie Karten, Buchungssysteme oder eingebundene Anwendungen sollten berücksichtigt werden, da ihre technische Zugänglichkeit nicht vollständig von der eigenen Website abhängig ist.
Bei Websites mit gesetzlichen Barrierefreiheitsanforderungen können außerdem zusätzliche organisatorische Pflichten bestehen, beispielsweise zur Bereitstellung entsprechender Informationen oder Erklärungen.
Welche Vorgaben für unterschiedliche Unternehmen und Einrichtungen gelten, behandeln wir in unserem Beitrag „Barrierefreie Website: Was bedeutet das und für wen ist sie Pflicht?“.
Barrierefreiheit auch nach dem Relaunch berücksichtigen
Mit der Veröffentlichung ist die Weiterentwicklung einer Website nicht abgeschlossen.
Neue Inhalte, technische Erweiterungen und spätere Designanpassungen können Einfluss auf die Barrierefreiheit haben.
Deshalb sollten die bei einem Relaunch entwickelten Strukturen auch im laufenden Betrieb sinnvoll weiterverwendet werden.
Gerade ein geeignetes Content-Management-System mit gut vorbereiteten Inhaltselementen kann die regelmäßige Pflege erleichtern.
Werden redaktionelle Mitarbeiter mit den wichtigsten Anforderungen vertraut gemacht, lassen sich viele typische Probleme bereits bei der Veröffentlichung neuer Inhalte vermeiden.
Wie Unternehmen die Zugänglichkeit ihrer Website langfristig erhalten können, behandeln wir in unserem Beitrag „Wie bleibt eine Website dauerhaft barrierefrei?“.
Deinen Website-Relaunch professionell und barrierefrei umsetzen lassen
Ein Relaunch bietet die Möglichkeit, einen Internetauftritt nicht nur optisch zu modernisieren, sondern auch technisch und strukturell weiterzuentwickeln.
Wir übernehmen die vollständige Planung, Gestaltung und technische Umsetzung Deines Website-Relaunchs. Dabei berücksichtigen wir die Barrierefreiheit von Anfang an und verbinden sie mit einem individuellen Webdesign, verständlichen Seitenstrukturen und einer benutzerfreundlichen Bedienung.
Wir analysieren Deinen bestehenden Internetauftritt, entwickeln ein passendes Konzept und übernehmen die Umsetzung Deiner neuen Website. Dabei kümmern wir uns sowohl um die Gestaltung als auch um die technische Entwicklung und die sinnvolle Integration vorhandener Inhalte und Funktionen.
Du möchtest Deine Website modernisieren und Barrierefreiheit direkt beim Relaunch berücksichtigen? Nimm jetzt Kontakt mit uns auf. Wir beraten Dich gerne und übernehmen die Planung und vollständige Umsetzung Deines neuen Internetauftritts.
FAQ - Häufige Fragen zur Barrierefreiheit beim Website-Relaunch
Ein Relaunch führt nicht automatisch dazu, dass für jede Website neue gesetzliche Verpflichtungen entstehen. Welche Anforderungen gelten, hängt insbesondere von der Art des Angebots und den einschlägigen Vorschriften ab.
Unabhängig davon ist ein Relaunch eine gute Gelegenheit, vorhandene Barrieren zu beseitigen und die neue Website zugänglicher zu gestalten.
Werden entsprechende Anforderungen direkt in die Planung aufgenommen, können Gestaltung und technische Umsetzung von Anfang an darauf abgestimmt werden.
Für gesetzlich verpflichtete Websites reicht es allerdings nicht aus, nur einzelne ausgewählte Bereiche zugänglich zu gestalten.
Ja. Ein Relaunch muss nicht zwangsläufig mit einem vollständig neuen Erscheinungsbild verbunden sein.
Bestehende Unternehmensfarben, Schriften und grafische Elemente können häufig weiterhin verwendet werden. Gegebenenfalls sind Anpassungen notwendig, beispielsweise bei Farbkontrasten, Schriftgrößen oder der Darstellung einzelner Bedienelemente.
Auch die grundsätzliche Gestaltung kann erhalten bleiben, während Seitenstruktur und Technik modernisiert werden.
Welche Änderungen sinnvoll sind, hängt vom Zustand der bisherigen Website und den gewünschten Anforderungen ab.
Nicht unbedingt. Ob ein Wechsel des Content-Management-Systems sinnvoll ist, hängt von den vorhandenen technischen Möglichkeiten, dem Zustand des Systems und den zukünftigen Anforderungen ab.
Ein geeignetes System sollte unter anderem ermöglichen, Inhalte sinnvoll zu strukturieren, barrierefreie Komponenten einzusetzen und redaktionelle Aufgaben zuverlässig zu erledigen.
Auch die Wartbarkeit und Erweiterbarkeit spielen eine Rolle.
Wir setzen bei der Entwicklung von Websites insbesondere auf TYPO3. Damit lassen sich individuelle Internetauftritte mit zentral verwalteten Inhaltselementen und auf unterschiedliche Anforderungen abgestimmten Funktionen realisieren.
Die tatsächliche Barrierefreiheit hängt jedoch immer von der konkreten Gestaltung, Programmierung und Inhaltspflege ab.
Ja. Selbst wenn vorhandene Inhalte zuvor problemlos genutzt werden konnten, können bei ihrer Übertragung in ein neues Layout Probleme auftreten.
Beispielsweise kann eine bisher passende Bildbeschreibung im neuen Zusammenhang nicht mehr aussagekräftig sein. Auch geänderte Navigationsstrukturen oder neue Darstellungsformen können die Verständlichkeit beeinflussen.
Deshalb sollten Inhalte bei einem Relaunch nicht ausschließlich technisch übertragen, sondern auch im Zusammenhang mit der neuen Website betrachtet werden.
Besonders bei individuell gestalteten Inhaltselementen empfiehlt sich eine entsprechende Kontrolle.
Dafür sollten wichtige Funktionen der bisherigen Website vor der Neuentwicklung erfasst werden.
Besonders relevant sind beispielsweise Navigationsmöglichkeiten, Formulare, Suchfunktionen und andere regelmäßig genutzte Bedienelemente.
Während der Entwicklung kann anschließend überprüft werden, ob die neuen Komponenten dieselben Aufgaben zuverlässig erfüllen und die vorgesehenen Bedienmöglichkeiten zugänglich bleiben.
Bei umfangreichen Websites ist es sinnvoll, wichtige Nutzungsvorgänge vollständig zu testen, statt lediglich einzelne Seitenansichten zu kontrollieren.
Technisch ist es möglich, eine Website nach ihrer Veröffentlichung weiter zu optimieren. Allerdings können spätere Änderungen zusätzlichen Aufwand verursachen, wenn grundlegende Strukturen bereits festgelegt wurden.
Deshalb empfiehlt es sich, Barrierefreiheit möglichst frühzeitig in die Entwicklung einzubeziehen.
Bestehen gesetzliche Verpflichtungen, müssen die jeweils geltenden Anforderungen und Fristen berücksichtigt werden. Eine geplante spätere Optimierung ersetzt diese Verpflichtungen nicht.
Für Unternehmen ohne entsprechende gesetzliche Verpflichtung kann eine schrittweise Verbesserung sinnvoll sein. Auch hier ist eine frühzeitige Berücksichtigung in der Regel wirtschaftlicher.
Ja. Ein Relaunch bietet die Möglichkeit, verschiedene Bereiche des Internetauftritts gemeinsam zu verbessern.
Eine übersichtliche Seitenstruktur, verständliche Navigation und gut aufbereitete Inhalte erleichtern Besuchern die Orientierung und können zugleich positive Auswirkungen auf die technische Verarbeitung durch Suchmaschinen haben.
Auch Ladezeiten, mobile Darstellung und die Qualität der Inhalte können im Zuge der Modernisierung optimiert werden.
Barrierefreiheit allein garantiert allerdings keine besseren Suchmaschinenplatzierungen. Für eine erfolgreiche Suchmaschinenoptimierung müssen weitere technische und inhaltliche Faktoren berücksichtigt werden.
Ja. Wir übernehmen die vollständige Konzeption, Gestaltung und technische Umsetzung Deines Website-Relaunchs. Dabei berücksichtigen wir die relevanten Barrierefreiheitsanforderungen bereits während der Planung.
Wir untersuchen Deine bestehende Website, entwickeln eine passende Seitenstruktur und gestalten einen modernen Internetauftritt, der zu Deinem Unternehmen und Deinen Anforderungen passt. Anschließend übernehmen wir die technische Entwicklung, die Integration der vorgesehenen Funktionen und die notwendigen Prüfungen.
Dabei betrachten wir nicht nur das neue Erscheinungsbild, sondern auch die Benutzerfreundlichkeit, die mobile Darstellung und die langfristige Pflege Deiner Website.
Du planst einen Relaunch und möchtest Deine neue Website von Anfang an barrierefrei gestalten lassen? Nimm jetzt Kontakt mit uns auf. Wir beraten Dich gerne und übernehmen die vollständige Planung und Umsetzung Deines Projekts.