Zugängliches Design – 5 wesentliche Geheimnisse für Grafikdesigner

Inklusivität wird zu einem Designtrend, den Sie nicht mehr ignorieren können. Es ist wichtig, Designs zu erstellen, die Ihre Marke und Botschaft genau erfassen. Noch wichtiger ist es jedoch, Designs zu erstellen, die Ihre Kunden richtig sehen und verarbeiten. Und dazu gehört auch das Designen für Menschen mit verschiedenen Arten von Behinderungen. Es gibt einen großen Teil der Bevölkerung, der mit irgendeiner Form von Behinderung lebt. Das sind 61 Millionen Erwachsene allein in den USA. Daher ist barrierefreies Design etwas, das Sie nicht auf die leichte Schulter nehmen sollten. Der Internationale Tag der Menschen mit Behinderungen ist am 3. Dezember. Jetzt ist also ein guter Zeitpunkt, um über barrierefreies Design zu sprechen.

Haben Sie die Nummer 73 im obigen Bild gesehen? Kann nicht jeder! Und auch Menschen, die Schwierigkeiten haben, Farben zu unterscheiden, gehören zu Ihrer Zielgruppe. Deshalb ist es wichtig, barrierefreies Design zu priorisieren. Sie wissen nicht, wo Sie anfangen sollen? Wir haben dich! Wir geben Ihnen einige umsetzbare Tipps zu einfachen Anpassungen und Designüberlegungen, die den Unterschied ausmachen können.

Zugängliches Design – aus Sicht des Grafikdesigns

Wenn wir über repräsentative Werbung und Inklusivität im Marketing sprechen, beschränken wir uns oft auf das Konzept der Einbeziehung verschiedener kultureller Repräsentationen. Menschen mit unterschiedlichen demografischen Merkmalen das Gefühl geben, einbezogen zu sein. Anerkennung und Umarmung unterschiedlicher Ethnien. Aber Inklusion geht darüber hinaus. Die Bewertung und Feinabstimmung der Erfahrung für Benutzer mit unterschiedlichen Fähigkeiten ist eine weitere wichtige Komponente des inklusiven Marketings.

Zugängliches Design ist ein ziemlich weites Feld. Dazu gehört die Gestaltung der Barrierefreiheit an allen Ihren Kundenkontaktpunkten. Von einem zugänglichen UI-Design bis hin zu App-Funktionen, die die Nutzung für alle Arten von Benutzern vereinfachen, gibt es mehrere Maßnahmen, die eine Marke ergreifen kann. Aber in diesem Blog werden wir insbesondere über Barrierefreiheit im Grafikdesign sprechen. Dazu gehört die Erstellung von Werbegrafiken, die für Menschen mit Behinderungen leicht zu konsumieren sind.

Die meisten Marken berücksichtigen körperliche Behinderungen wie Blindheit und Hörbehinderungen. Aber auch kognitive Behinderungen erfordern einen angemessenen Anteil Ihrer Aufmerksamkeit. Aphasie, Autismus, Legasthenie, ADHS – es gibt mehrere solcher kognitiven Behinderungen, die es den Menschen erschweren, die Informationen zu verarbeiten, die Sie ihnen präsentieren. Ihre Anzeige, ein Design, das Ihrer Meinung nach auf dem Bildschirm brillant aussieht, wird von ihnen möglicherweise ganz anders wahrgenommen.

Was ist zum Beispiel, wenn der Kontrast zwischen Text und Hintergrund nicht ausreicht und dem Benutzer wichtige Informationen entgehen? Oder was ist, wenn das Tortendiagramm in Ihrer Infografik verschiedene Farben für verschiedene Parameter hat, ein farbenblinder Benutzer sie jedoch nicht unterscheiden kann? Der Zweck des Designs geht verloren. Aus diesem Grund ist es wichtig, Barrierefreiheitsfunktionen in Ihren Marketing- und Branding-Designs zu berücksichtigen.

Und das Beste daran ist, dass barrierefreies Design im Marketing gar nicht so schwer ist. Ein paar kleine Änderungen und Ihr Design ist sowohl für das allgemeine Publikum als auch für Menschen mit Behinderungen bereit. Schauen wir uns einige Ideen an, um dies zu erreichen.

1. Achten Sie auf Ihre Typografie

Verschiedene Aspekte der Typografie beeinflussen die Lesbarkeit und Lesbarkeit des Textes. Während Sie sich bei der Auswahl der richtigen Schriftart und dem Styling Ihrer Schriftarten nicht immer einschränken können, kann die Berücksichtigung einiger Aspekte das Design für Menschen mit Seh- und neurologischen Behinderungen so viel angenehmer machen.

Denken Sie zweimal nach, bevor Sie eine kleine Schriftart verwenden

Kleine Schriften belasten die Augen sehr. Und es zwingt Ihre Benutzer, härter zu arbeiten, um die Nachricht zu verstehen. Die Chancen stehen gut, sie werden nicht! Darüber hinaus können Schriftarten mit weniger als 12 Pixeln schwer zu lesen sein, insbesondere auf einem Mobiltelefon. Wenn man bedenkt, dass 58,99 % des weltweiten Web-Traffics von mobilen Geräten kommt, ist die Vermeidung winziger Schriftarten definitiv eine gute Entscheidung für barrierefreies Design.

Große, fette Schriftarten für den Heldentext dienen also nicht nur als Aufmerksamkeitsfänger oder Scrollstopper, sondern sorgen auch für eine gute Lesbarkeit für mehrere Benutzer. Das Variieren der Schriftgrößen für verschiedene Abschnitte macht es auch für alle Arten von Benutzern einfacher, die Hierarchie zu verstehen. Denn die größten Schriften sind oft die ersten, die den meisten Menschen auffallen, und die kleinsten vielleicht die letzten.

Die Schriftart, die Sie wählen, ist wichtig

Es gibt viele schöne und gut lesbare Serifenschriften. Daran besteht kein Zweifel. Wenn Sie jedoch Menschen mit Sehbehinderungen entwerfen, sind serifenlose Schriftarten klar im Vorteil. Ihre sauberen und unkomplizierten Buchstabenformen machen sie bequemer zu lesen. Und das gilt sowohl für Print- als auch für Digitaldesigns.

Bei serifenlosen Schriften sollten Sie sich von Schriften mit sehr dünnen Strichen fernhalten. Dekorative Schriftarten sind die anderen Arten, die nicht funktionieren, wenn Sie für Menschen mit Sehbehinderungen entwerfen. Es ist in Ordnung, dekorative Schriftarten in Maßen zu verwenden. Aber der Abschnitt, der die Kernbotschaft liefert, der CTA, und Bereiche mit viel Text sollten eine besser lesbare Alternative haben.

Achten Sie auf den Buchstabenabstand

Kerning oder der Abstand zwischen Zeichen in der Kopie stellt sicher, dass Ihre Leser die Informationen richtig lesen. Und dass sie es ohne Schwierigkeiten lesen. Buchstaben, die zu nahe beieinander stehen, können den gesamten Text unleserlich machen. Für Menschen mit Sehbehinderungen und kognitiven Schwierigkeiten beim Lesen stellt ein zu geringer Abstand zwischen den Buchstaben ein noch größeres Problem dar. Was nützt eine gute Kopie, wenn sie bei Ihrem Publikum nicht die beabsichtigte Wirkung erzielt? Oder schlimmer noch, was ist, wenn sie Ihre Marke aufgrund schlechter Erfahrung aufgeben?

Gut verteilte Buchstaben und ein aufgeräumtes Gesamtlayout sind genau das, was Sie brauchen. Kein geschäftiges Design. Niemand mag es, nicht nur Menschen mit Behinderungen.

Die obige Visitenkarte enthält alle oben genannten Ideen zu achtsamen Typografieanpassungen. Es verwendet durchgehend eine einfache serifenlose Schriftart. Der Abstand zwischen den Buchstaben macht den Text lesbar. Und als i-Tüpfelchen hilft der QR-Code beim Erstellen des perfekten Hybrid-Designs. Durch Scannen des Codes gelangen Sie zu einer digitalen Visitenkarte mit Links zur Website, Social-Media-Seiten und Direktwahl-Links. Alle Arten von Benutzern werden ein benutzerorientiertes, vernünftiges Design wie dieses lieben.

Kimp-Tipp: Sie wissen nicht, ob die gewählte Typografie augenschonend ist? Schreiben Sie die folgenden Zeichen nebeneinander auf:

• Großbuchstabe „i“
• Kleinbuchstabe „l“
• Und die Zahl „1“

Und für die Schriftgröße sollten Sie sich ein wenig vom Design entfernen und sehen, ob Sie den Text bequem lesen können, ohne hineinzoomen zu müssen. Holen Sie sich ein paar unterschiedliche Perspektiven von Ihren Teammitgliedern und Sie können loslegen.

Besorgt darüber, dass Typografie funktioniert? Nehmen Sie Kontakt mit dem Kimp-Team auf.

2. Der Farbkontrast verdient besondere Aufmerksamkeit

Kontrast ist eine wesentliche Komponente in allen Designs. Der Farbkontrast gibt an, wie unterschiedlich zwei Farben sind. Platzieren Sie sie nebeneinander oder übereinander im Vorder- und Hintergrund, wenn die Farben fast ineinander übergehen, ist der Kontrast zu gering. Ein schlechter Kontrast kann für alle Arten von Menschen ein Problem sein. Und es macht die Botschaft für Menschen mit Sehbehinderung besonders schwer zu konsumieren.

Laut World Wide Web Consortium (W3C) wird ein Kontrastverhältnis von 4,5:1 oder mehr zwischen Vordergrundtext und Hintergrund empfohlen.

Gleichzeitig kann ein zu hoher Kontrast dennoch viel Unbehagen verursachen. Das folgende Beispiel mit grünem Text auf rotem Hintergrund ist ein gutes Beispiel. Der Kontrast ist hoch, aber die Kombination kann die Augen belasten.

Sie möchten auch keine flimmernden und blinkenden Animationen mit kontrastreichen Farben haben. Diese können für Menschen mit Lichtempfindlichkeit schwierig sein.

Kimp-Tipp: Anstatt sich zu fragen, ob das Rot, das Sie für die Schriftart gewählt haben, auf einem grauen Hintergrund gut aussehen würde, verwenden Sie ein Online-Tool wie WebAIM Contrast Checker, um das Kontrastverhältnis herauszufinden.

3. Seien Sie vorsichtig, wenn Sie Textüberlagerungen verwenden

Ein weiterer Designaspekt, den Sie vermeiden sollten, wenn Sie ein barrierefreies Design erstellen möchten, ist das Platzieren von Textüberlagerungen auf komplizierten Hintergründen. Wenn im Hintergrund viel los ist, sind selbst gut lesbare Schriften manchmal schwer zu lesen. Für Menschen mit Legasthenie kann es zum Beispiel schwieriger sein. Schätzungsweise 10 % der Bevölkerung haben Legasthenie. Ihr Business-Flyer, Ihre Visitenkarte oder Ihr Social-Media-Design sollte für sie leicht lesbar sein.

Komplizierte Hintergründe können in Form von Fotos oder gemusterten Hintergründen vorliegen. Während diese beiden Designs einen großartigen Hintergrund bilden, werden sie dem Text, der im Vordergrund liegt, möglicherweise nicht immer gerecht.

Um dies zu vermeiden, können Sie Textfelder oder Akzente verwenden, die entweder einfarbig oder durchscheinend sind. Überprüfen Sie erneut das Kontrastverhältnis zwischen Ihrer Schriftfarbe und der Farbe des Akzents.

Zum Beispiel lässt das untenstehende Design die Fotos strahlen und macht den Text gleichzeitig leicht lesbar.

Kontrastbedingte Probleme können besonders bei Anwendungen wie Lebensmitteletiketten oder Medikamentenetiketten explodieren. Wenn der Allergiehinweis oder die Zutatenliste und Dosierungsanweisungen nicht eindeutig sind, kann das Verpackungsdesign ein Sicherheitsrisiko für seine Benutzer darstellen.

Wenn es also um Anwendungen wie Verpackungen geht, bei denen Sie nur eine begrenzte Fläche haben, mit der Sie arbeiten können, ist hier eine Idee zum Ausprobieren. Kellogg's hat ein spezielles Verpackungsdesign für Menschen mit Sehbehinderungen eingeführt. Auf der Verpackung befindet sich ein Code, der von Benutzern mit Hilfe von Bildschirmlesegeräten gescannt werden kann. Das ist nur eine Möglichkeit, Ihr Design hybrid und für alle Arten von Zielgruppen geeignet zu halten.

4. Design für Farbenblindheit

Die Wahl der Farben ist an sich schon eine stressige Entscheidung. Aber was wäre, wenn Sie es für Benutzer mit Farbenblindheit geeignet machen müssten? Die gute Nachricht ist, dass Sie mit vielen Designtools für Menschen mit Farbenblindheit entwerfen können.

Die häufigsten Arten von Farbenblindheit sind Protanopie, Deuteranopie und Tritanopie. Wenn Ihr Endbenutzer eine Farbe nicht als unterschiedlich sehen kann, erweist sich Ihre Entscheidung, unterschiedliche Farben für die Schriftart und den Hintergrund oder unterschiedliche Farben zur Erfassung der Hierarchie in einer Infografik zu verwenden, als bedeutungslos.

Es wird geschätzt, dass Farbenblindheit bei kaukasischen Männern am häufigsten vorkommt. Wenn das Ihre Zielgruppe beschreibt, dann spricht nichts dagegen, für Farbenblinde sichere Farbpaletten zu wählen.

Mit Tools wie Adobe Color können Sie überprüfen, ob Ihre Farbpalette für Farbenblinde geeignet ist. Sie sehen eine Simulation, wie die ausgewählten Farben für Menschen mit Farbenblindheit erscheinen, und Sie können Farben identifizieren, die gleich erscheinen. In der Abbildung unten sind die Farben, in denen die horizontalen Linien erscheinen, die Farben, die für farbenblinde Benutzer ähnlich aussehen. Halten Sie sich von solchen kniffligen Kombinationen fern, wenn Sie ein barrierefreies Design anstreben.

Oder wenn Sie ein vorhandenes Design überprüfen und für Farbenblinde sicher machen möchten, können Sie Online-Tools wie Coblis-Color Blindness Simulator verwenden, um zu sehen, wie Ihr Design für einen farbenblinden Benutzer aussieht.

Wenn Ihr CTA-Button herausspringt und die Aufmerksamkeit eines allgemeinen Benutzers auf sich zieht, aber für einen farbenblinden Benutzer fast unsichtbar vor dem Hintergrund ist, verfehlen Sie immer noch das Ziel. Jeder Nutzer zählt, jede Nutzerinteraktion zählt. Wählen Sie also die richtigen Farben.

Kimp-Tipp: Anstatt sich allein auf die farbbasierte Hierarchie zu verlassen, verwenden Sie die Schriftgröße und andere Elemente, um die Dinge klarer zu machen.

5. Fügen Sie klare Untertitel für Videos und Alt-Text für Bilder hinzu

Denken Sie daran, dass einige Ihrer Benutzer auf Screenreader angewiesen sind. Daher ist Ihr Bild für sie möglicherweise nicht von Nutzen, es sei denn, Sie verwenden relevanten Alt-Text. Ja, Ihr Alt-Text hilft Ihnen nicht nur bei der Suchmaschinenoptimierung. Es hilft, ein barrierefreies Design für Ihre Benutzer zu erstellen. Aber ja, bleiben Sie auf dem Punkt – vermeiden Sie langatmige Beschreibungen.

Der andere Textaspekt von Bildmaterial sind die Untertitel in Videos. Verlassen Sie sich nicht auf automatisch generierte Untertitel. Verwenden Sie Textüberlagerungen, um Ihre Benutzer durch das Video zu führen. Auf YouTube können Sie Kapitel erstellen, um die Dinge noch besser zu machen. Und schließlich fügen Sie Ihre Bildunterschriften in einer klaren und gut lesbaren Schriftart hinzu, die nicht einfach im Hintergrund verschwindet. Und denken Sie daran, dass Sie hier einen bewegenden Hintergrund haben.

Das Hinzufügen von Untertiteln hilft Ihnen auch dabei, die Bedürfnisse von Menschen zu erfüllen, die es vorziehen, ihre Videos in sozialen Medien stumm zu sehen. Es ist so oder so ein Gewinn. Die Tatsache, dass Social-Media-Plattformen Zugänglichkeitsfunktionen priorisieren, wie LinkedIn kürzlich automatische Untertitel für Videos hinzugefügt hat, ist ein guter Indikator dafür, dass es an der Zeit ist, barrierefreies Design ernst zu nehmen.

Vereinfachen Sie barrierefreies Design mit Kimp

Bei barrierefreiem Design im Marketing dreht sich alles darum, die Kraft von Visuals zu nutzen, ohne die Schwierigkeiten und Anforderungen auch nur einer Ihrer Zielgruppen zu ignorieren. Vergessen Sie für eine Minute das Konzept der „Zielgruppen“ und verstehen Sie, dass Sie eins zu eins mit einer Reihe einzigartiger Personen kommunizieren. Das verändert die Art und Weise, wie Sie Ihre Markendesigns betrachten! Und wenn Sie Hilfe bei der Erstellung dieser barrierefreien Designs für Ihre Marke benötigen, lassen Sie es einfach unsere Designer wissen, und wir helfen Ihnen gerne dabei, die besten Anzeigen und Social-Media-Posts zu erstellen, um die Anforderungen Ihrer unterschiedlichen Kundendemografien zu erfüllen.

Melden Sie sich jetzt an und testen Sie ein Kimp-Abonnement 7 Tage lang kostenlos.

zusammenhängende Posts