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:

Checkmark Circle - a green circle with a checkmark in it.

Erweitert deine Zielgruppe

Checkmark Circle - a green circle with a checkmark in it.

Stärkt das Markenimage

Checkmark Circle - a green circle with a checkmark in it.

Erfüllt gesetzliche Anforderungen

Checkmark Circle - a green circle with a checkmark in it.

Macht deine Webseite zukunftssicher

Checkmark Circle - a green circle with a checkmark in it.

Verbessert die Conversion Rate

Checkmark Circle - a green circle with a checkmark in it.

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.

Eine Grafik die den "Barriereefreiheit" Prozess von Jut-So anhand eines Zeitstrahls erklärt. Zuerst steht eine kostenfreie Beratung, dann ein Audit. Gefolgt von Empfehlungen und der Implementation. Zuletzt stehen optionale Check-Ups.

Unser Angebot

Der Ablauf ist einfach: Du nimmst zu uns Kontakt auf, wir analysieren, beraten, setzen um.

Barrierefreiheit-Analyse
Barrierefreiheit-Analyse
Wir analysieren deine Seite und identifizieren Hürden. Daraus leiten wir Handlungsempfehlungen ab, mit denen deine Seite barrierefrei wird.
Beratung & Strategie
Beratung & Strategie
Wir unterstützen dich während der gesamten Reise mit unserem Know How. Bei Großprojekten entwickeln wir individuelle Strategien, wo nötig.
Implementation
Implementation
Durch unsere Arbeit erfüllt deine Seite alle Barrierefreiheit-Standards. Das gilt für Webseiten ebenso wie für Online-Shops und digitale Anwendungen.
Training & Workshops
Training & Workshops
Wir sensibilisieren dein Team-Mitglieder für digitale Barrierefreiheit, damit sie in Zukunft selber wissen, worauf es ankommt.

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.

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.

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.

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.