Barrierefreie
Websiten & Webshops
Inklusion: Possible. Wir machen digitale Markenautritte barrierefrei, gesetzeskonform und zukunftssicher.
Warum digital
Barrierefrei?
Digitale Barrierefreiheit macht Webseiten & digitale Produkte für alle nutzbar. Das hilft nicht nur Betroffenen, sondern auch dem Geschäft – denn Barrierefreiheit bringt konkrete Vorteile:
Erweitert deine Zielgruppe
Stärkt das Markenimage
Erfüllt gesetzliche Anforderungen
Macht deine Webseite zukunftssicher
Verbessert die Conversion Rate
Verbessert das SEO Ranking
Schritt für Schritt
Barrierefrei
Barrierefreiheit ist kein Hexenwerk. Vorausgesetzt man weiß, worauf es ankommt. Wir unterstützen dich vom ersten Website-Audit bis zur technischen Umsetzung.
Unser Angebot
Der Ablauf ist einfach: Du nimmst zu uns Kontakt auf, wir analysieren, beraten, setzen um.
Digital Barrierefreiheit:
Was heisst das eigentlich?
Wir arbeiten nach den Web Content Accessibility Guidelines (WCAG), dem internationalen Standard für Barrierefreiheit im Web. Die WCAG definieren barrierefrei Webseiten als wahrnehmbar, bedienbar, verständlich und robust.
Wahrnehmbar
Jede*r muss in der Lage sein, deine Inhalte zu finden und über die Sinne zu verarbeiten, unabhängig davon, wie darauf zugegriffen wird. Die Kriterien beinhalten:
Farbe & Kontrast: Text hebt sich deutlich vom Hintergrund ab, um Menschen mit Sehschwäche oder Farbfehlsichtigkeit zu helfen.
Alternativtexte: Bilder und Symbole enthalten beschreibende Texte, damit Screenreader die visuellen Inhalte vorlesen können.
Medien-Alternativen: Videos haben Untertitel und Transkripte; Audioinhalte bieten schriftliche Alternativen.
Flexible Layouts: Texte können vergrößert werden und Inhalte passen sich an verschiedene Geräte oder Zoomstufen an.
Bedienbar
Alle Nutzenden müssen mit deiner Seite interagieren können, egal ob sie eine Maus, eine Tastatur oder ein Hilfsmittel verwenden. Die Kriterien beinhalten:
Tastaturnavigation: Jede Funktion (Menüs, Formulare, Buttons) funktioniert ohne Maus.
Genügend Zeit: Nutzer können in ihrem eigenen Tempo lesen und interagieren; es gibt keine plötzlichen Timeouts.
Schutz vor Krampfanfällen: Vermeide blinkende Inhalte, die Anfälle auslösen könnten.
Klare Fokus-Indikatoren: Es ist immer deutlich erkennbar, wo man sich gerade auf der Seite befindet.
Verständlich
Deine Website sollte für alle logisch und intuitiv sein. Die Kriterien beinhalten:
Konsistente Navigation: Menüs und Layouts funktionieren auf allen Seiten gleich.
Einfache Sprache: Der Text ist klar und leicht verständlich, Fachjargon wird vermieden.
Hilfreiche Anleitungen: Formulare und Aktionen bieten klare Hilfestellungen und Fehlermeldungen.
Vorhersehbares Verhalten: Keine unerwarteten Änderungen – Nutzer wissen immer, was sie zu erwarten haben.
Robust
Websites müssen mit verschiedenen Technologien funktionieren – heute und morgen. Die Kriterien beinhalten:
Kompatibler Code: Sauberer, semantischer HTML-Code stellt sicher, dass Hilfstechnologien die Seite richtig interpretieren können.
Zukunftssicherheit: Deine Inhalte bleiben zugänglich, auch wenn sich Browser und Tools weiterentwickeln.
Fehlerbehandlung: Die Seite funktioniert auch dann noch, wenn etwas nicht lädt oder ein Tool ausfällt.
Bühne frei für
Barrierefrei
Besprich dein nächstes Projekt mit Lorenz
Lorenz spricht fließend Deutsch, Englisch, Spanisch und Walgesang.