Geschrieben von

Riana

am

10.10.2024

Welttag des Sehens: So geht Barrierefreiheit richtig!

Barrierefreiheit im Web: Ein Muss, das jeder verstehen sollte!

Sehbehinderung und das Web. Passt das zusammen? Klar! Wenn man’s richtig macht. Für viele ist digitale Barrierefreiheit noch Neuland. Aber das muss sich ändern. Also, hier kommt euer Crashkurs: Was müsst ihr über Barrierefreiheit für Menschen mit Sehbehinderung wissen? Kurz, knackig und direkt.

Was ist digitale Barrierefreiheit?

Ganz einfach: Jede:r soll das Netz nutzen können. Egal, ob jemand nicht (gut) sieht, hört oder nur mit der Tastatur arbeitet. Barrierefreiheit sorgt dafür, dass eure Website, App oder Plattform für alle zugänglich ist. Keine nette Zusatzfunktion – ein Muss.

Warum ist Barrierefreiheit für Menschen mit Sehbehinderung wichtig?

In der digitalen Welt sollen alle dieselben Chancen haben. Eine schicke Website bringt nichts, wenn ein Teil eurer Nutzer:innen sie nicht bedienen kann. Ohne Barrierefreiheit schliesst ihr Menschen mit Sehbehinderung aus. Und das betrifft nicht nur Blinde. Auch Menschen mit eingeschränktem Sehvermögen, Farbenblindheit oder anderen Sehschwächen haben Schwierigkeiten, durch nicht optimierte Websites zu navigieren.

Fakt ist: Rund 2,2 Milliarden Menschen weltweit haben laut WHO eine Sehbehinderung. Ignoriert ihr das?

Was bedeutet Barrierefreiheit konkret?

Es geht nicht nur um grosse Schrift und weniger Schnickschnack. Hier die Basics, die eure Website sehbehinderten Menschen zugänglich machen:

1. Alternativtexte (Alt-Texte) für Bilder

Blinde oder sehbehinderte Menschen „sehen“ eure Bilder nicht. Sie „hören“ sie. Screenreader fassen den Bildinhalt in Worte. Jedes Bild auf eurer Website braucht deshalb einen Alt-Text. Das ist eine einfache Beschreibung, die vorgelesen wird.

Beispiel: Statt „Bild123.jpg“ sollte da stehen „Frau hält eine Präsentation vor einem Laptop“. Simpel, oder? Aber extrem wirkungsvoll.

2. Hoher Kontrast und skalierbare Schriftgrössen

Nichts nervt mehr als Text, den man kaum lesen kann. Für Menschen mit Sehschwächen ist hoher Kontrast zwischen Text und Hintergrund entscheidend. Schwarzer Text auf weissem Hintergrund? Super! Hellgrauer Text auf weiss? Nicht gut.

Und: Eure Schriftgrössen sollten skalierbar sein. User:innen müssen die Schrift vergrössern können, ohne dass die Website zusammenbricht. Zoom muss easy gehen – und alles bleibt lesbar.

3. Tastatur-Navigation

Viele Menschen mit Sehbehinderung nutzen die Tastatur, um sich durchs Web zu bewegen. Eure Seite muss also komplett ohne Maus funktionieren. Kein Dropdown-Menü, das nur per Klick bedient werden kann. Alles muss per Tastatur steuerbar sein. Das freut nicht nur Blinde, sondern alle, die es schnell mögen.

4. Klare und logische Struktur

Screenreader „lesen“ eure Website von oben nach unten vor. Heisst: Ist eure Seite ein Chaos, wird’s für die User auch chaotisch. Eine klare Struktur ist wichtig. Überschriften, Absätze und Listen müssen klar erkennbar und sinnvoll angeordnet sein. Denn Screenreader-Nutzer:innen „springen“ von Überschrift zu Überschrift. Wenn da kein Sinn drin steckt, kommt niemand ans Ziel.

5. Beschriftete Formulare

Formulare sind oft nervig – für Menschen mit Sehbehinderung erst recht. Ohne klare Beschriftungen ist das Ausfüllen pures Rätselraten. Jedes Eingabefeld braucht eine eindeutige Beschreibung. „Vorname“, „E-Mail“, „Telefonnummer“ – alles klar benennen. Und Fehlermeldungen? Die müssen genauso leicht verständlich sein.

6. Keine rein visuellen Informationen

Farben, Bilder, Animationen. Klar, schön anzuschauen – aber was bringt’s, wenn wichtige Infos nur visuell dargestellt werden? Menschen mit Sehbehinderung sind da raus. Ein Diagramm, das nur durch Farben erklärt wird? Für Farbenblinde ein Rätsel. Deshalb immer alternative Beschreibungen anbieten. Eine Textversion des Diagramms ist der Schlüssel.

Keine Ausreden mehr

Barrierefreiheit ist kein „Nice-to-have“. Es ist der Standard, den ihr jetzt setzen müsst. Ihr schafft nicht nur Zugang für alle, sondern verbessert auch euer Image und eure Reichweite. Wer das Thema ignoriert, bleibt hinter den Erwartungen zurück.

Und das Beste? Viele dieser Massnahmen verbessern auch das Erlebnis für alle anderen. Klarere Struktur, lesbare Schriften und intuitive Navigation? Davon profitieren alle, denn jeder von uns kann vorübergehend eingeschränkt sein. Stell dir vor, du brichst dir die Hand und kannst keine Maus benutzen – dann bist du plötzlich auf die Tastatur-Navigation angewiesen. Oder du lässt dir die Augen lasern und kannst eine Woche lang kaum etwas sehen – da sind Funktionen wie Screenreader Gold wert.

Das zeigt nochmal deutlich: Barrierefreiheit geht uns alle etwas an. Wer heute die richtigen Features einbaut, sorgt dafür, dass seine Plattform für alle zugänglich bleibt – egal, welche Situation gerade ansteht.

Also: Nicht mehr abwarten. Lasst uns eure Website, App oder Plattform barrierefrei machen – für alle, die heute, morgen oder in Zukunft darauf angewiesen sind. Wir unterstützen euch dabei, die richtigen Schritte zu gehen und die digitale Welt für alle zugänglich zu gestalten.

No items found.

Lass uns darüber sprechen.

Dirk Fliescher

Head of Sales und Marketing

Jetzt kontaktieren

Dirk Fliescher

Partner

Jetzt kontaktieren

Dirk Fliescher

Partner

Termin buchen

6 Mins Read

9.3.2025

Get to know viu - Sascha.

Mehr lesen

Sascha geht die Extra-Meile. Als Principal Consultant im Business Development sorgt er dafür, dass Kunden nicht nur Lösungen bekommen, sondern auch die beste Version davon. Digital Transformation? Customer Experience? Genau sein Ding.

Agenturen gibt es viele. Aber viu ist anders für ihn. Hier zählt was wirklich wichtig ist: Ehrlichkeit, eine gesunde Fehlerkultur und ein echtes Family-First-Prinzip – auf allen Ebenen. Sascha schätzt das, weil es nicht nur schöne Worte sind, sondern gelebte Realität.

Herausforderungen? Zerlegt er in kleine Happen. Schritt für Schritt. Priorisieren, abarbeiten, liefern. Seine Mission ist simpel: Lernen und lehren. Seine jungen Kollegen profitieren von seiner Erfahrung, er wiederum von ihrem frischen Blick. Erfolg ist für ihn ein Team-Sport, bei dem Geben und Nehmen sich die Waage halten.

Wenn Sascha nicht gerade digitale Strategien optimiert, spricht er über Gott und die Welt – und meint das wortwörtlich. Von Fussball über Politik bis zu Holzbau. Alles Themen, die ihn fesseln. Reisen? Immer gerne. Sein letztes Ziel: Mit dem Schiff nach Nordnorwegen, um die Nordlichter zu sehen. Der Rest der Welt kann warten, denn «ansonsten bin ich soweit durch, dass mir gutes Wetter reicht».

Sein Traum nach seiner Pensionierung? Arbeit sanft ausfädeln damit er sich dann sozialen Projekten widmen kann. Bis dahin? Vollgas für viu, für seine Kunden und für das, was er liebt: gute Beratung mit Substanz. Wir sind froh, Sascha an Bord zu haben – einen Berater, der nicht nur Fachwissen, sondern auch Herz und Verstand mitbringt. Einer, der die Extra-Meile nicht scheut und viu mit seiner Erfahrung, seinem Drive und seinem Teamgeist bereichert. 

6 Mins Read

5.3.2025

Warum der Call-to-Action heraussticht – und was dahintersteckt

Mehr lesen

Hast du dich schon einmal gefragt, warum Call-to-Action (CTA)-Buttonsoft anders aussehen als der Rest der Seite? Klar, sie sollen auffallen – aber warum? Dahinter steckt ein psychologisches Prinzip: der Von-Restorff-Effekt.

Der Von-Restorff-Effekt besagt, dass ein Element, das sich visuell oderkontextuell von einer Gruppe ähnlicher Elemente abhebt, eher erinnert wird. Einfach gesagt: Wenn alles gleich aussieht, bleibt das Unterscheidbare im Kopf. Dieser Effekt wurde 1933 von der Psychologin Hedwig von Restorff entdeckt und ist seitdem ein bewährtes Prinzip im Design und Marketing.

Neben dem Von-Restorff-Effekt beeinflusst auch der Serial-Position-Effekt das Erinnern von Informationen. Menschen merken sich meist die ersten und letzten Elemente einer Liste besser, während die mittleren Punkte oft verschwimmen.

Warum ist das für CTAs so wichtig?

Ein CTA hat eine klare Mission: Er soll geklickt werden. Doch in einer Flut von Informationen kann ein Standardbutton leicht untergehen. Hier kommt der Von-Restorff-Effekt ins Spiel. Ein CTA, der sich durch Farbe, Grösse oder Form vom Rest der Seite unterscheidet, zieht automatisch die Aufmerksamkeit auf sich. Unser Gehirn verarbeitet das Besondere bevorzugt – das steigert die Klickrate. Gleichzeitig kann durch geschickte Platzierung des CTAs am Anfang oder Ende der Seite der Serial-Position-Effekt genutzt werden, um die Sichtbarkeit und das Erinnern weiter zu verbessern.

Aber nicht jeder CTA muss am Anfang oder Ende sein. Auch im Fliesstext kann ein CTA sinnvoll sein – besonders, wenn er direkt im Kontext gebraucht wird. Zum Beispiel dann, wenn er sich organisch in den Lesefluss einfügt und Nutzende genau an der Stelle zum Handeln animiert, wo es für sie am relevantesten ist.

Wie du den Isolationseffekt und den Serial-Position-Effekt für deinen CTA nutzt

  • Grösse optimieren: Ein zu kleiner Button geht unter, ein zu grosser kann aufdringlich wirken. Finde das richtige Mass.
  • Klare Formensprache: Runde oder auffällig gestaltete Buttons stechen hervor.
  • Platzierung bedenken: Positioniere den CTA am Anfang oder Ende einer Seite.
  • Whitespace nutzen: Genug Freiraum um den Button lenkt die Aufmerksamkeit gezielt darauf.
  • CTA im Fliesstext einbauen: Wenn es Sinn macht, kann ein CTA direkt im Text integriert sein.    

Ein starker CTA ist kein Zufall

Das bewusste Herausheben eines CTA-Buttons basiert auf bewährten psychologischen Erkenntnissen. Ob als Button oder direkt im Text – wenn du den Von-Restorff-Effekt clever einsetzt und ihn mit dem Serial-Position-Effekt kombinierst, machst du es den Nutzenden leichter, die gewünschte Aktion auszuführen. Denn was auffällt, relevant ist und strategisch platziert wird, wird geklickt!

6 Mins Read

27.1.2025

Get to know viu - Pea

Mehr lesen

Was braucht es, um Kundenerlebnisse auf das nächste Level zu bringen? Pea! Als echte Meisterin der Customer Experience versteht sie es, tief in die Köpfe der Nutzer:innen einzutauchen und mit Fakten, Insights und einer ordentlichen Portion Kreativität Lösungen zu finden, die wirklich rocken.


Ihr Alltag bei viu? User- und Customer-Research, um Konzepte zu entwickeln, die nicht nur funktionieren, sondern begeistern. Egal ob kleine Lösungen oder grosse Projekte – Pea liebt es, Herausforderungen mit kühlem Kopf und klaren Daten zu begegnen. Customer Research, Human-Centered Desing und Design Thinking? Pea hat's drauf. Ihr Ansatz: Probleme durch die Brille der Nutzer:innen sehen und mit smarten Strategien lösen.


Was treibt sie an? Der Wunsch, faktenbasierte Entscheidungen zu ermöglichen, um Strategien zu schaffen, die nicht nur auf dem Papier gut aussehen, sondern echten Mehrwert bieten. Ihre Mission: Kundenerlebnisse messbar verbessern –dabei bleibt sie immer fokussiert und entspannt.
Und wenn sie nicht gerade digitale Meisterwerke erschafft? Dann gönnt sie sich eine Tasse grünen Tee und verbringt ihre Zeit mit ihrer Familie. Ihre Freizeit gestaltet sie gerne entspannt – oder plant die nächste Reise zu ihren Sehnsuchtsorten wie Oslo, Kopenhagen, Thailand oder Japan.


Ihre Devise? "Digital ist normal. Alles andere ist komisch." Klare Ansage, oder? Und wenn Pea über digitale Transformation spricht, spürt man sofort, dass sie weiss, wovon sie redet: neue Mindsets, Kollaboration, Transparenz und messbare Ergebnisse, um Prozesse flexibel zu gestalten.


Kurz gesagt: Pea bringt frischen Wind in jedes Projekt, geht mit Leidenschaft Herausforderungen an und hat dabei immer ein Auge auf das, was wirklich zählt – die Menschen hinter den Zahlen. viu ohne Pea? Unvorstellbar.