Wie wird meine Website barrierefrei?

Aber wie gehe ich nun vor, damit meine Seite barrierefrei wird?

Schritt 1 – Accessibility Audit

Wir empfehlen zu Beginn ein Accessibility Audit das ganze ist eine umfassende Analyse, um Barrieren zu identifizieren und zu beseitigen, die Nutzer daran hindern, Ihre digitalen Inhalte uneingeschränkt zu nutzen.

Wir betrachten zu Beginn die Hauptfunktionen (Interaktionspunkte des Nutzers) ihrer Seite und ihre Hauptseiten und testen diese auf ihre Barrierefreiheit. Dabei achten wir auf Themen wie Farbkontraste, zugängliche Schrift, Tastaturbedienbarkeit der Elemente und vieles mehr.

Am Ende des Audits erhalten Sie ein Briefing von uns, mit Informationen zu dem aktuellen Stand und welche Bereiche verbessert werden müssen, sauber gelistet nach ihrer Dringlichkeit.

Schritt 2 – Komponenten Inventur

Nachdem die kritischen Bereiche festgestellt wurden und eine Prioritätenliste erstellt wurde, wenden wir uns der Umsetzung zu.

Hier starten wir mit der Auflistung aller Komponenten und schauen, welche angepasst werden müssen, welche vllt. nicht mehr benötigt werden und ob neue Varianten benötigt werden. 

Wir bei keytec arbeiten hierfür mit Design Systemen. Diese erleichtern nicht nur die Umsetzung zu Beginn eines Projekts, sondern garantieren auch einen guten Überblick und ermöglichen ein schnelles Erreichen und Erhalten von Barrierefreiheit.

Wenn Sie bereits ein Design System haben, werden wir bei der Anpassung der Barrierefreiheit auf dieses aufbauen. Wenn noch kein umfängliches System vorhanden ist, erstellen wir auch gerne eines für Sie. 

Schritt 3 – Anpassungen im Design und Umsetzung

Nachdem alle Komponenten erfasst wurden, wird entschieden, welche Bauteile angepasst werden müssen und wie tiefgreifend diese Anpassung ist. Anschließend werden die Komponenten von unseren Design-Experten entsprechend WCAG 2.2 angepasst und mit der Seite abgestimmt.

Nach der Design-Anpassung und Abstimmung verbessern unsere Entwickler diese und beheben ebenfalls eventuelle programmatische Strukturprobleme im Code. Hier wird besonders darauf geachtet, dass die Seite nicht nur oberflächlich barrierefrei ist. 
Die Seite wird so optimiert, dass Screenreader und andere Support-Tools gut mit der Seite arbeiten können und Sie somit in Zukunft damit keine Probleme haben werden.

Schritt 4 – Inhalte der Seite anpassen

Nachdem Komponenten im Design und technisch verbessert wurden, ist es nun Zeit den Inhalt der Seite barrierefrei zu gestalten.

Dies bedeutet, dass bestimmte Bilder mit sauberen alternativen Texten versehen werden, Videos Untertitel erhalten und Texte, Links angepasst werden. Auch hier helfen wir ihnen gerne, besonders das Erstellen sauberer alt-texte ist nicht so leicht, wie es klingt.

Das ganze lohnt sich aber doppelt, denn es sorgt nicht nur für eine barrierefreie und zugängliche Webseite, wodurch Sie neue Nutzer/Kunden gewinnen. Es verbessert auch ihr SEO (Suchmaschinenoptimierung) und GEO (Generative Engine Optimization) Ranking. Dies bedeutet, Ihre Webseite wird in Suchmaschinen besser bewertet und eher angezeigt als die Seite möglicher Mitbewerber.

Finaler Schritt – Erweitertes Testing

Nachdem alle Anpassungen abgeschlossen sind, wird erneut ein Audit erstellt. Hier wird die Webseite nochmals ausgiebig getestet um zu prüfen ob alle Anpassungen auch Früchte tragen und funktionieren wie gewünscht. 

Nach der Umsetzung dieses 5 Schritte Plans ist die Seite nun barrierefreier, aber das Thema der Barrierefreiheit ist kein Prozess, der dann abgeschlossen ist. Es ist etwas, das man ab sofort immer beachten sollte. Durch unsere Arbeit mit Design Systemen ist dies aber kein Problem. Denn neue Inhalte, Seiten und Funktionen können auf Basis des Systems einfach auf- und ausgebaut werden.

Sie haben Fragen oder wünschen eine Beratung zum Thema, wie Ihre Webseite barrierefrei wird? Dann kontaktieren Sie uns jetzt und entdecken Sie, wie ihre Drupal-Website vollumfänglich von dieser Anpassung profitieren kann.