Barrierefreies Webdesign - Wir konzipieren, designen und realisieren barrierefreie Websites

Umsetzung

Eine Website ist das Tor zu Welt zwischen dir und deinen Zielgruppen. Wir erstellen deinen Auftritt: ansprechend und für alle zugänglich.

Der Weg zu deiner barrierefreien Website

Wir bearbeiten vier Ebenen, um deine Website barrierefrei zu entwickeln:

Eins entw

Die Struktur deiner Website

An wen richtet sich deine Website? Wie fügt sie sich in deinen Gesamtauftritt ein, und was soll sie leisten? In dieser Phase klären wir strategische Fragen. Danach entwickeln wir gemeinsam eine passende Struktur und das Grundgerüst der Seite.

Zwei

Das Design deiner Website

Auf Basis der erarbeiteten Strategie passen wir das bestehende Design an oder gestalten es bei Bedarf neu. Dabei achten wir auf zeitgemässes Design, gute Nutzendeführung (User Experience) und Barrierefreiheit.

Drei

Die Umsetzung deiner Website

Jetzt wird es technisch. Wir realisieren deine Website und sorgen dafür, dass sie z. B. von Screenreadern gelesen werden kann und auch ohne Maus bedienbar ist. Wir arbeiten mit WordPress (einem der barrierefreisten CMS), damit auch die Pflege der Inhalte für alle zugänglich bleibt.

Vier

Die Inhalte deiner Website

Wir helfen dabei, Inhalte so zu gestalten, dass sie für möglichst alle Menschen zugänglich und nutzbar sind, unabhängig von individuellen Voraussetzungen. Barrierefreie Inhalte beginnen bei verständlicher Sprache und gehen weit darüber hinaus. So zählen auch das klare Strukturieren von Inhalten zur besseren Orientierung oder das Verfassen von aussagekräftigen Alternativtexte für Bilder dazu, um nur zwei Beispiele zu nennen

Du möchtest mehr erfahren?

Wir freuen uns auf deine Kontaktaufnahme per Mail.

Darum digitale Barrierefreiheit

In vielen Köpfen besteht noch immer die Vorstellung: barrierefreie Websites sind für einige Wenige.

Fakt ist: Barrierefreiheit hat viele Vorteile, die allen Mehrwert bringen.

Mit einer barrierearmen Website erreichst du neue Personengruppen. Diese würden deine Website sonst nicht oder nur eingeschränkt nutzen. Ein paar Beispiele:

  • Personen mit permanenten Einschränkungen
  • Personen mit temporären Einschränkungen (z. B. durch Verletzungen)
  • Senior:innen mit altersbedingten Einschränkungen
  • Mobile Nutzer:innen in schwierigen Umgebungen (z. B. grelles Sonnenlicht, Lärm)
  • Nutzer:innen mit technischen Einschränkungen (z. B. langsames Internet, ältere Geräte)
  • Personen mit Sprachbarrieren (z. B. Legastheniker:innen, Personen für die deutsch nicht ihre Muttersprache ist)

Eine barrierefreie Website verbessert die Nutzungserfahrung. Semantische HTML-Strukturen, ARIA-Labels, kontrastreiche Farbgebung oder die intuitive Navigation vereinfachen das Verständnis und die Nutzung deiner Website für alle Personen. Zudem wird die Nutzung auch bei schwierigen Umständen wie z.B. bei grellem Sonnenlicht oder vergessener Brille vereinfacht.

  • Sie ist für alle einfacher zu nutzen, unabhängig von den persönlichen Fähigkeiten.
  • Sie ist überall einfacher zu nutzen, unabhängig von den äusseren Umständen.

Barrierefreie Websites werden nicht nur von Menschen, sondern auch von Suchmaschinen besser verstanden. Und sie werden höher bewertet.

  • Semantisches HTML, Alt-Texte für Bilder sowie eine klare Content-Hierarchie verbessern das Ranking deiner Website in den Suchergebnissen.
  • KI-lesbaren Websites werden deinen potentiellen Kund:innen eher angezeigt. So profitieren du und deine Kund:innen.

Komplexe Sprache, schlechte Lesbarkeit, versteckte Kontaktaufnahme oder Bestellungmöglichkeiten sind Nutzungsbarrieren:

  • Jede Barriere erschwert die Nutzung, so dass mehr Personen deine Website gar nicht nutzen können oder vorzeitig verlassen.
  • Eine barrierearmer Webaufritt ist somit die Grundlage für mehr erfolgreiche Interaktionen mit Kund:innen oder Online-Verkäufe.

Eine barrierefreie Website stärkt deine Organisation nachhaltig.

  • Wettbewerbsvorteil gegenüber nicht-barrierefreien Konkurrent:innen
  • Positionierung als zeitgemässe, inklusive Organisation
  • Leben von gesellschaftlicher Verantwortung und sozialer Nachhaltigkeit

Der European Accessibility Act (EAA) ist seit Juli 2025 in Kraft. Dann müssen online Angebote und Services in den EU-Ländern barrierefrei sein. Diese Regelung gilt für alle Organisationen, die mindestens eines der folgenden Kriterien erfüllen.

  • Mindestens 10 Mitarbeitende
  • Mindestens 2 Millionen Euro Jahresumsatz

In der Schweiz tritt das revidierte Behindertengleichstellungsgesetz (BehiG) voraussichtlich am 1. Januar 2027 in Kraft.

Häufig gestellte Fragen

Wenn Barrierefreiheit von Anfang an mitgedacht wird, ist eine barrierefreie Website grundsätzlich nicht teurer als eine herkömmliche.

Wir konzipieren eure Website von Grund auf inklusiv, sodass bei der Umsetzung kein zusätzlicher Aufwand entsteht.

Aufwändig und teuer wird es meist dann, wenn Barrierefreiheit erst im Nachhinein berücksichtigt wird. Hier lohnt es sich, genau hinzuschauen: Ist ein Umbau sinnvoll oder eine neue Lösung?

Das ist ein Mythos. Ja, es gibt Kriterien zu beachten. Doch sie lassen viel Spielraum für Design und Interaktion. Und oft fördern sie die Kreativität sogar.

Schaut euch gerne unsere Referenzen an und überzeugt euch selbst.

Bei der Pflege eurer Website werdet ihr etwas mehr berücksichtigen als bisher. Dabei lernt ihr auch einige technische Grundlagen kennen, die euch helfen, Inhalte barrierefrei zu gestalten.

Assistive Technologien wie Screenreader sind moderne Hilfsmittel, die mit eurer Website interagieren. Dafür braucht es ein gewisses Grundverständnis. Aber keine Sorge: Es ist keine Magie. Wir begleiten euch gerne dabei.

Diese Produkte entwickeln sich zwar weiter. Nach heutigem Stand liefern sie jedoch nicht den gewünschten Nutzen.

In manchen Fällen verschlimmern sie die Situation sogar, weil bestehender Code falsch interpretiert wird.

Echte Barrierefreiheit entsteht nicht durch ein Plugin, sondern durch durchdachte Konzeption, sauberen Code und klare Inhalte.

Was wir ausserdem anbieten

Wir machen aber noch mehr – und begleiten dich durch jede Phase deines digitalen Projekts. Entdecke, womit wir dich noch unterstützen können: