Wie erstellt man Webinhalte, die für alle Benutzer zugänglich sind?
Man kennt es selbst, dass man Abends, wenn man müde ist, durchaus froh ist, die Schriftgröße mal ein, zwei Werter höher zu schrauben. Da sollte nicht direkt die Webseite designmäßig auseinander fliegen…
Auswahl klarer gut lesbarer Schriftarten
Beginnen wir mit klaren und gut lesbaren Schriftarten. Verzichten Sie auf verschnörkelte oder schwer lesbare Schriften. Serifenlose Schriftarten sind oft leichter zu lesen, besonders für Menschen mit Sehbeeinträchtigungen. Aber die sogenannten Serifen geben der Schrift halt und eine Basis fürs Auge. Auch auf Papier!
Also einfach mal beides bewusst ausprobieren! Serifen sind zwar nicht für Web-Zwecke direkt gemacht, je nach Schrift kann das auf Bildschirmen gut aussehen.
flexible Schriftgrößen ermöglichen
Ermöglichen Sie Benutzern die Anpassung der Schriftgröße. Ein flexibles Design erlaubt es, dass sich die Schriftgröße an die Bedürfnisse jedes Benutzers anpasst. Verwenden Sie relative Einheiten wie EM oder REM statt fester Pixel. Diese sind dann skalierbar und auf den meisten Endgeräten dann ideal lesbar!
Vermeidung von reinen Farbhinweisen als Info
„Klicke auf den roten Button zum Bestätigen oder auf den grünen zum Ablehnen“.
Was ist, wenn man eine Farbfehlsichtigkeit hat? Verlassen Sie sich also nicht ausschließlich auf Farben, um Informationen zu übermitteln. Menschen mit Farbsehstörungen können Schwierigkeiten haben, diese Hinweise zu erkennen. Kombinieren Sie Farben immer mit zusätzlichen visuellen oder textuellen Hinweisen.
Wir machen also nichts in der Art: „Klicken Sie auf das rote Icon“…
aussagekräftige Alt-Texte für Bilder
Fügen Sie zu allen Bildern und Grafiken aussagekräftige Alt-Texte hinzu. Diese dienen nicht nur Menschen mit Sehbehinderungen, sondern auch Benutzern mit langsamen Internetverbindungen. So werden beim Laden der Webseite schon zumindest die Beschreibungen der Bilder angezeigt. Viele Besucher würden sonst auch schon evtl. von Ihrer Webseite abspringen!
Also nix mit „image01“ oder sonstigen Daten, die vielleicht noch von der Kamera mitgegeben werden! Das kann einem wirklich das SEO versauen, auf deutsch gesagt…
Alt-Texte sind eine der wichtigsten Pfeiler bei der Suchmaschinenoptimierung.
Texttranskriptionen und Untertitel für Multimedia-Inhalte
Bieten Sie Transkriptionen für audiovisuelle Inhalte an. Menschen mit Hörbehinderungen können von Texttranskriptionen profitieren, um den Inhalt besser zu verstehen. Untertitel sind interessant – Auch Menschen ohne Hörprobleme schauen gerne mal ein Video in der U-Bahn und wollen den Ton nicht laut drehen oder auch die Umgebung ist einfach zu laut, um den Ton zu hören.
Denken Sie auch hier daran, dass die Untertitel auch auf dem Handy gut lesbar sein müssen.
klare und verständliche Sprache
Schrift und Ausdrucksweise gehen Hand in Hand. Verwenden Sie klare und leicht verständliche Sprache. Vermeiden Sie Fachbegriffe, es sei denn, sie sind unvermeidlich. Dies hilft allen Benutzern, den Inhalt leicht zu erfassen. Schreiben Sie doch so, wie Sie mit Ihren Leuten und Kunden auch sprechen. Das kommt wortwörtlich am besten an und wird verstanden.
Außerdem heben wir uns dann von nervigen Behörden-, Influencer- oder Business-Sprech ab, das wir eh nicht mehr hören können.
Zusatz-Tipp: Keyboard-Zugänglichkeit
Stellen Sie sicher, dass alle Funktionen deiner Website über die Tastatur zugänglich sind. Einige Benutzer können keine Maus verwenden, und eine gute Tastaturnavigation ist entscheidend.
Alternativen in der Naviagtion zu bieten sind heute Standard.
Kostenlose Plattformen:
- Google Fonts: Ideal für Webfonts, da einfach einbindbar und oft gut optimiert.
- FontSquirrel: Kostenlose Schriften für kommerzielle Nutzung (muss aber je nach Lizenz geprüft werden).
- DaFont: Viele kostenlose Schriften, aber oft nur für private Nutzung geeignet.
Kostenpflichtige Plattformen:
- MyFonts: Riesige Auswahl an professionellen Schriften mit verschiedenen Lizenzmodellen.
- Fontspring: Gutes Angebot mit einmaligem Kauf statt Abo.
- Monotype: Hochwertige Schriftarten für große Marken, oft mit hohen Lizenzkosten.
- Adobe Fonts: Große Bibliothek, aber erfordert ein Creative Cloud-Abo.