Inklusives Design scheint eine Domäne von UX-Designern und Webentwicklern zu sein, aber auch Social Media Marketer können es anwenden.

Mehrere soziale Plattformen haben kürzlich Aktualisierungen für die Barrierefreiheit vorgenommen. Automatische Untertitel sind auf Facebook Live und Instagram IGTV verfügbar. Nach der unzugänglichen Einführung von Sprachtweets hat Twitter zwei Teams für Barrierefreiheit eingerichtet und plant, bis Anfang 2021 automatische Untertitel einzuführen. Alt-Bild-Beschreibungsfelder sind jetzt auf allen drei Plattformen und auch auf LinkedIn verfügbar.

Vermarkter sollten es als ihre Aufgabe ansehen, über diese Aktualisierungen informiert zu bleiben. Die Zugänglichkeit von sozialen Medien ist nach den Standards der Web Content and Accessibility Guideline 2.1 technisch nicht erforderlich. Aber das sollte auch nicht nötig sein. Ein inklusives Social Media Marketing ist einfach gutes Social Media Marketing.

Bonus: Lesen Sie den Leitfaden für eine schrittweise Social-Media-Strategie mit Profi-Tipps für den Ausbau Ihrer Social-Media-Präsenz.

Was ist integratives Design?

Inclusive Design zielt darauf ab, so vielen Menschen wie möglich ein optimales Nutzererlebnis zu bieten.

In der Praxis bedeutet dies eine Abkehr vom Einheitsansatz, der sich auf so genannte "Durchschnittsnutzer" konzentriert. Stattdessen schafft inklusives Design eine Vielfalt von Nutzern, indem es Barrieren beseitigt und den Menschen eine Vielzahl von Möglichkeiten zur Beteiligung bietet.

So etwas wie Normalität gibt es nicht. #Inklusion #Inklusion #Design @MicrosoftDesign pic.twitter.com/xXW468mE5X

- katholmes (@katholmes) March 6, 2017

Inklusives Design beginnt mit der Identifizierung der seltensten oder extremsten Bedürfnisse, die auch als "Grenzfälle" oder "Stressfälle" bezeichnet werden. Je nach Kontext können zu den Grenzfällen Unterschiede in den Fähigkeiten, im Alter, im Geschlecht, in der Sprache und in anderen Faktoren gehören. Im Gegensatz dazu zielt universelles Design darauf ab, ein möglichst breites Spektrum von Menschen und Situationen zu bedienen.

@meyerweb Der Begriff ist bezeichnend: Randfälle definieren die Grenzen dessen, was/wer Ihnen wichtig ist.

- Evan Henſleigh (@futuraprime) März 25, 2015

Nach der Identifizierung von Problemfällen besteht der nächste Schritt darin, eine Lösung zu entwerfen. Die integrativen Designprinzipien von Microsoft bieten einen guten Rahmen:

1. Erkennen Sie Ausgrenzung
2. Für einen lösen, auf viele ausweiten und
3. Von der Vielfalt lernen.

In vielen Fällen kommt das integrative Design allen zugute.

Geschlossene Untertitel in Videos sind ein gutes Beispiel dafür. Der Hauptanwendungsfall für Untertitel ist die Unterstützung von Menschen mit Hörbehinderungen. Sie helfen aber auch Sprachschülern und Zuschauern, die mit ausgeschaltetem Ton zuschauen. Daten von Facebook zeigen, dass Markeninhalte, die mit ausgeschaltetem Ton angezeigt werden, eine 48 % höhere Relevanz und ein 38 % höheres Markeninteresse aufweisen.

Warum Barrierefreiheit für soziale Medien wichtig ist

Eine Social-Media-Strategie, die ein inklusives Design berücksichtigt, tut dasselbe. Ohne Barrierefreiheit verpassen Sie es, Ihr gesamtes potenzielles Publikum zu erreichen.

Mindestens eine Milliarde Menschen - 15 % der Weltbevölkerung - sind in irgendeiner Form behindert. Diese Zahl erhöht sich noch erheblich, wenn man vorübergehende und situationsbedingte Behinderungen berücksichtigt. Nicht integrative Inhalte und Erlebnisse stoßen die Menschen ab. Und es ist nicht immer leicht festzustellen, wann dies geschieht. Ausgeschlossene Webbesucher beschweren sich oft nicht: 71 % gehen einfach weg.

Eine 2018 durchgeführte Umfrage unter Facebook-Nutzern in 50 Ländern ergab, dass mehr als 30 % der Menschen über Schwierigkeiten bei mindestens einer der folgenden Tätigkeiten berichten: Sehen, Hören, Sprechen, Gedanken ordnen, Gehen oder Greifen mit den Händen.

Soziale Medien zugänglich zu halten bedeutet, Ausgrenzung zu erkennen, von Ihren Anhängern zu lernen und Informationen so klar wie möglich zu präsentieren. Und das ist letztendlich einfach ein guter Vermarkter.

Laut einer kürzlich von Google durchgeführten Umfrage haben 64 % der Menschen nach dem Betrachten einer Werbung, die sie als inklusiv empfanden, eine Handlung vorgenommen.

9 Tipps für Social-Media-Manager zum inklusiven Design

1. den Text zugänglich machen

Ein klarer Text macht einen Text zugänglicher und verständlicher, und das kommt allen zugute. So einfach ist das.

Bevor Sie auf "Veröffentlichen" klicken, sollten Sie überlegen, wie Hilfsmittel wie Bildschirmlesegeräte Ihren Text lesen können. Was ist mit Menschen, die Englisch als Zweitsprache lernen? Oder mit Menschen mit Lernschwierigkeiten oder begrenzter Vertrautheit mit der Materie?

Hier sind einige Tipps für die Gestaltung von Texten:

• Schreiben Sie in einfacher Sprache: Vermeiden Sie Jargon, Slang oder Fachausdrücke, es sei denn, sie sind angemessen. Keine Sorge, Sie können dies tun, ohne die Sprache der Marke zu beeinträchtigen.
• Mützen nicht übermäßig verwenden Großbuchstaben können schwer zu lesen sein und von Bildschirmlesegeräten falsch interpretiert werden.
• Groß- und Kleinschreibung für Mehrwort-Hashtags verwenden Schreiben Sie den ersten Buchstaben eines jeden Wortes groß, um Hashtags besser lesbar zu machen und Fauxpas von Screenreadern zu vermeiden.

PSA...

blacklivesmatter wird von Bildschirmlesesoftware etwa so ausgesprochen wie "black live (das Verb) smatter".

BlackLivesMatter wird so angekündigt, wie man es erwarten kann: "black lives matter "#SocialMedia #Accessibility

- Jon Gibbins (@dotjay) July 9, 2020

• Setzen Sie Hashtags und Erwähnungen ans Ende. Satzzeichen werden von Bildschirmlesegeräten laut vorgelesen. Achten Sie darauf, wie Hashtags oder @-Erwähnungen den Text stören können.
• Vermeiden Sie es, "hier zu klicken" zu sagen. Verwenden Sie beschreibende Call-to-Actions wie: Anmelden, kostenlos testen oder abonnieren.
• Beschränken Sie die Verwendung von Emoji. Emoji und Emoticons (z. B. ¯\_(ツ)_/¯ ) werden von technischen Hilfsmitteln laut vorgelesen, d. h. Menschen hören Dinge wie "laut weinendes Gesicht" oder "Kackhaufen". Bevor Sie ein Emoji verwenden, sollten Sie nachlesen, wie es in Text übersetzt wird.
• Verwenden Sie eine angemessene Schriftgröße. Vergewissern Sie sich, dass der Text lesbar ist, insbesondere wenn er in Bildern oder in Bereichen verwendet wird, die nicht geändert werden können.
• Vermeiden Sie Sonderzeichen Zusätzlich zu der eingeschränkten Lesbarkeit lesen VoiceOver und andere Hilfsmittel spezielle Formatierungen sehr unterschiedlich.

Du 𝘵𝘩𝘪𝘯𝘬 es ist 𝒸𝓊𝓉ℯ, 𝘄𝗿𝗶𝘁𝗲 deine Tweets und Benutzernamen 𝖙𝖍𝖎𝖘 𝖜𝖆𝖞. Aber hast du 𝙡𝙞𝙨𝙩𝙚𝙣𝙚𝙙, was es 𝘴𝘰𝘶𝘯𝘥𝘴 𝘭𝘪𝘬𝘦 mit unterstützenden Technologien wie 𝓥𝓸𝓲𝓬𝓮𝓞𝓿𝓮𝓻? pic.twitter.com/CywCf1b3Lm

- Kent C. Dodds 🚀 (@kentcdodds) January 9, 2019

• Zeilenlänge begrenzen Zu lange Zeilen können die Lesbarkeit und die Merkfähigkeit beeinträchtigen.
• Verwenden Sie eine integrative Sprache Vermeiden Sie abwertende Sprache, verwenden Sie geschlechtsneutrale Pronomen und Begriffe, verwenden Sie verschiedene Stimmen und Emoji und überprüfen Sie Texte auf Annahmen über eingeschränkte Sichtweisen.

//www.instagram.com/p/CE4mZvTAonb/

2. beschreibende Bildunterschriften bereitstellen

Beschreibende Bildunterschriften und alternativer Text (auch bekannt als Alt-Text) ermöglichen es Menschen, Bilder zu visualisieren, wenn sie sie nicht sehen können. Laut WebAIM, einer gemeinnützigen Organisation mit Zentrum für Menschen mit Behinderungen, ist fehlender oder unwirksamer Alt-Text der problematischste Aspekt der Barrierefreiheit im Internet.

Mehrere Social-Media-Plattformen nutzen die Technologie der Objekterkennung, um automatisch einen alternativen Text zu liefern. Natürlich ist diese Technologie nur bedingt zuverlässig. Es ist immer besser, eine eigene Beschreibung hinzuzufügen, wenn Sie die Möglichkeit dazu haben.

Facebook, Twitter, Instagram und LinkedIn bieten spezielle Felder für das Hinzufügen von Alt-Text für Bilder und GIFs (Sie können Alt-Text auch mit SMMExpert hinzufügen). Wenn es nicht möglich ist, Alt-Text hinzuzufügen, fügen Sie beschreibende Beschriftungen hinzu.

Wenn es Sie langweilt, dass ich Leute bitte, ihre Fotos zu beschreiben, stellen Sie sich vor, wie gelangweilt ich davon bin:

1. immer wieder das Gleiche zu schreiben.

2. durch diese App zu scrollen und sich zu fragen, was an diesem Foto so lustig/aufregend/wichtig ist.

- Holly Scott-Gardner (@CatchTheseWords) September 25, 2020

Tipps zum Schreiben von beschreibenden Alt-Texten:

• Den Inhalt vermitteln Zwischen "Bild eines Diagramms" und etwas wie "Ein Balkendiagramm zeigt, dass die Zahl der Waldbrände von Jahr zu Jahr zugenommen hat und in diesem Jahr einen Höchststand von 100 erreicht hat" besteht ein großer Unterschied.
• Sparen Sie sich den Ausdruck "Bild von" oder "Foto von". "Das Royal National Institute of Blind People sagt, dass die meisten Bildschirmleser es vorziehen, dass Sie das nicht tun.
• Farbe erwähnen wenn es für das Verständnis des Bildes wichtig ist.
• Humor teilen Ein beschreibender Text muss nicht übermäßig formell sein und sollte sein Bestes tun, um auszudrücken, was lustig ist.
• Text umschreiben Wenn das Bild einen Text enthält, der für seine Bedeutung wichtig ist, sollten Sie ihn in die Beschreibung aufnehmen.
• Von den Besten lernen WebAIM bietet Tipps und verschiedene Beispiele, und die Präsentation der Texterin Ashley Bischoff ist sehr hilfreich.
• GIFs nicht vergessen Twitter hat vor kurzem die Option Alt-Text für GIFs eingeführt. Wenn die Plattform keinen Alt-Text unterstützt, fügen Sie eine Beschreibung in die Aktion ein.

Sie müssen im Allgemeinen nicht "Bild von" oder "Foto von" sagen. Beschreiben Sie einfach, was das Bild vermittelt - was der Benutzer durch den Anblick des Bildes erreichen soll. Einige Beispiele:

- Robot Hugs (@RobotHugsComic) January 5, 2018

3. mit Videountertiteln versehen

Geschlossene Untertitel sind für Zuschauer mit Hörbehinderungen von entscheidender Bedeutung. Sie verbessern auch das Seherlebnis für Menschen, die nicht in ihrer Muttersprache sehen, oder für Zuschauer in schalltoten Umgebungen. Sogar Kinder, die lesen lernen, profitieren von Untertiteln.

😳😳😳😂 danke @AOC!!!!!!

Ich habe durch deine Untertitel so viel von dir gelernt. Danke, dass du für 466 Millionen Gehörlose da bist! //t.co/792GZFpYtR

- Nyle DiMarco (@NyleDiMarco) March 28, 2019

Interne Tests bei Facebook haben ergeben, dass Videoanzeigen mit Untertiteln die Betrachtungsdauer im Durchschnitt um 12 % erhöhen. Untertitel helfen auch bei der Erinnerung. Mehrere Studien haben gezeigt, dass Personen, die Videos mit Untertiteln ansehen, sich eher an den Inhalt erinnern.

Facebook Untertitel automatisch generieren, selbst schreiben oder eine SubRip-Datei (.srt) hochladen. Automatische Untertitel sind auch für Facebook Live und Workplace Live verfügbar.

YouTube Automatische Untertitel, Transkription oder Hochladen einer unterstützten Datei. Fehler können mit dem Untertitel-Editor korrigiert werden. Automatische Untertitel sind für YouTube Live in englischer Sprache verfügbar. Community-Untertitel, die es Konten ermöglichten, Untertitel und Übersetzungen zu sammeln, wurden abgeschafft.

Instagram Automatische Untertitel sind jetzt für IGTV Live und IGTV verfügbar. Andernfalls müssen die Untertitel im Voraus eingebrannt oder kodiert werden. Fügen Sie Ihren Instagram Stories, TikTok- und Snapchat-Videos Untertitel mit benutzerdefiniertem Text hinzu. Cliptomatic hilft dabei.

Twitter Twitter arbeitet außerdem daran, bis Anfang 2021 automatische Untertitel für Video und Audio hinzuzufügen.

LinkedIn : Laden Sie eine .srt-Datei mit Ihrem Video hoch.

Wenn keine Alt-Text-Felder zur Verfügung stehen, fügen Sie eine Beschreibung in Ihre Bildunterschrift ein, die in der Regel wie folgt formatiert ist: Bildbeschreibung: [Beschreibung des Bildes].

PS: Mit SMMExpert können Sie Untertiteldateien zusammen mit Ihren sozialen Videos in Compose hochladen, so dass Sie problemlos Videos mit Untertiteln veröffentlichen können.

Neben der Untertitelung gibt es noch einige weitere Möglichkeiten, um besonders sehenswerte stumme Videos für soziale Medien zu erstellen.

4. die Videobeschreibungen hinzufügen

Im Gegensatz zu Untertiteln, bei denen es sich in der Regel um eine Abschrift des gesprochenen Dialogs handelt, werden in der beschreibenden Sprache wichtige Sehenswürdigkeiten und Geräusche, die nicht gesprochen werden, hervorgehoben. Stellen Sie sich vor, wie die Szene mit der Stichwortkarte in Tatsächlich Liebe für einen blinden Betrachter. Oder wenn man die Szene in Fight Club wo Edward Nortons Figur sich selbst verprügelt.

Ich fordere Sie auf, eine Fernsehsendung mit Audiodeskription zu genießen. Tauchen Sie ein in die Welt der Audiodeskription und erleben Sie eine Fernsehsendung oder einen Film aus der #SightLoss-Perspektive - man weiß nie, ob man nicht viel davon hat. @sibbymeade @guidedogs @seandilleyNEWS @TPTgeneral pic.twitter.com/oMSjE7nduv

- Martin Ralfe - Guide Dogs (@MartinRalfe_GDs) September 14, 2020

Es gibt mehrere Möglichkeiten, Beschreibungen bereitzustellen:

• Beschreibender Ton Beschriebenes Video ist die kommentierte Beschreibung wichtiger nonverbaler Elemente in Ihrem Video. Dieser Track wird so geschrieben und aufgenommen, dass er in die Lücken zwischen wichtigen Audioelementen passt. In sozialen Medien ist beschriebenes Video in der Regel "eingebacken" und kann nicht ausgeschaltet werden.
• Beschreibende Abschrift Diese manchmal auch als alternative Medienabschrift bezeichneten Abschriften enthalten neben den Dialogen auch Beschreibungen, ähnlich wie ein Drehbuch.
• Live beschriebenes Video Live-Videomoderatoren sollten mit beschreibenden Videotechniken vertraut sein und Pausen einlegen, um das Geschehen auf dem Bildschirm zu beschreiben. Accessible Media Inc. bietet einen Leitfaden für bewährte Verfahren.

5. einen Farbkontrast von mindestens 4,5:1 verwenden

Für Menschen, die farbenblind sind, oder sogar für diejenigen, die auf Graustufen umgestiegen sind, um die Dopaminausschüttung durch rote Benachrichtigungen zu vermeiden, ist der Farbkontrast wichtig.

Der ideale Kontrast zwischen einer Textfarbe und ihrem Hintergrund sollte mindestens 4,5 zu 1 betragen, wie von den WCAG empfohlen. Bei größerem Text nimmt dieses Verhältnis ab, bei kleinerem Text nimmt es zu. Die Unterschiede mögen subtil erscheinen, aber sie machen für verschiedene Betrachter einen großen Unterschied.

• Vermeiden Sie Kombinationen aus Grün und Rot oder Blau und Gelb, da sie schwer zu lesen sind.
• Text kann auf Bildern schwer zu lesen sein, daher sollten Sie einen einfarbigen Hintergrund oder ein undurchsichtiges Overlay verwenden.
• Verwenden Sie in Diagrammen und Tabellen auch Muster, um Daten zu differenzieren.

Quelle: Facebook-Design

6. verlassen Sie sich nicht auf Farbe, um Bedeutung zu vermitteln

Mindestens 2,2 Milliarden Menschen weltweit sind in irgendeiner Form sehbehindert, einschließlich Farbenblindheit, Sehschwäche, Kurzsichtigkeit und Blindheit. Facebooks Farbschema ist blau, weil sein Gründer Mark Zuckerberg rot-grün farbenblind ist.

Auch die Farbe kann in verschiedenen Kulturen unterschiedliche Bedeutungen haben: So kann Rot in den US-Finanzcharts einen Abwärtstrend anzeigen, während es in China positiv besetzt ist.

• Links visualisieren Fügen Sie eine Unterstreichung oder eine Hover-Animation hinzu, um zu verdeutlichen, dass der verlinkte Text anklickbar ist. Die Nielsen Norman Group hat hilfreiche Richtlinien zur Visualisierung von Links.
• Symbole verwenden Verwenden Sie in Diagrammen oder Infografiken Symbole oder Muster als Alternative oder Ergänzung zur Farbe. Oder fügen Sie erläuternde Beschriftungen hinzu.

  Bonus: Lesen Sie den Leitfaden für eine schrittweise Social-Media-Strategie mit Profi-Tipps für den Ausbau Ihrer Social-Media-Präsenz.

  Holen Sie sich den kostenlosen Leitfaden gleich jetzt!

Ein Beitrag geteilt von Nick Lewis Design (@nicklewisdesign)

7. über Hilfsmittel für die Barrierefreiheit informiert bleiben

Auf einigen Plattformen gibt es offizielle Konten, die sich mit dem Thema Barrierefreiheit befassen. Wenn Sie ein Social-Media-Manager oder -Vermarkter sind, sollten Sie diesen Konten folgen, um auf dem Laufenden zu bleiben. Sie sollten wissen, welche Möglichkeiten es gibt, damit Sie den Mitgliedern Ihrer Community helfen können, wenn sie Ihre Hilfe benötigen.

Facebook:

• Facebook-Seite zur Barrierefreiheit
• Facebook Zugänglichkeit auf Twitter
• Der Navigationsassistent von Facebook
• Facebook-Hilfezentrum für Barrierefreiheit
• Facebook-Feedback zu Barrierefreiheit und unterstützenden Technologien einreichen

Twitter:

• Twitter Konto Barrierefreiheit
• Twitter Able-Konto
• Twitter Gemeinsames Konto
• Twitter Sicherheitskonto
• Austausch von Feedback zu Zugänglichkeit und anderen Themen

YouTube:

• YouTube-Einstellungen für Barrierefreiheit
• YouTube mit einem Bildschirmlesegerät nutzen
• YouTube-Unterstützung

Pinterest:

• Ressourcen für emotionale Gesundheit
• Pinterest Hilfe-Center

LinkedIn:

• LinkedIn Antwortdienst für Behinderte

Folgen Sie Verfechtern von Behindertenrechten wie Alice Wong, The Black Disability Collective, um eine Perspektive und Verständnis zu erhalten. Beteiligen Sie sich an Gesprächen in sozialen Medien mit den Hashtags #a11y #DisabilitySolidarity und anderen, die Sie finden.

8. die positive Eingliederung zu fördern

Der Nutzen ist nicht der einzige Maßstab für die Eingliederung, auch die Repräsentation ist wichtig.

Ein Beweis dafür ist der Scully-Effekt: Nicht nur die weiblichen Zuschauer von Die X-Akten in Agent Scully ein positives Vorbild sehen, waren sie nach dem Ansehen der Sendung eher bereit, MINT zu schätzen und zu studieren.

Nachdem die Schwarzer Panther Premiere, explodierte Twitter mit #WhatBlackPantherMeansToMe Tweets.

Ich würde mich sehr über einen Thread mit schwarzen Kindern in Black Panther-Kostümen freuen, um an #ChadwickBoseman zu erinnern und ihn zu feiern 💔.

- derecka (@dereckapurnell) August 29, 2020

Es ist ein grundlegendes Marketingprinzip, dass Marken Inhalte erstellen sollten, die ihre Zielgruppe ansprechen. Aber allzu oft sind in den Bildern der Marken junge, weiße, heterosexuelle, heterosexuelle Männer überrepräsentiert, die dem gleichen Geschlecht angehören.

Im Jahr 2019 überwiegen die männlichen Charaktere in der Werbung im Verhältnis zwei zu eins gegenüber den weiblichen Charakteren.

Menschen mit Behinderungen machen nur 2,2 % der Personen in den Anzeigen 2019 aus.

Achten Sie auch auf die Rollenzuweisung und -darstellung: Putzen immer Frauen? Ist eine Romanze immer heterosexuell? Bevor Sie ein Bild in den sozialen Medien veröffentlichen, vergewissern Sie sich, dass es keine rassistischen, sexistischen, altersdiskriminierenden, homophoben oder sonstigen Stereotypen fördert.

Ein Beitrag geteilt von Osmosis (@osmosismed)

Ihr Feed sollte so vielfältig sein wie die Menschen in Ihrem Publikum - oder die Menschen, die Sie gerne zu Ihrem Publikum zählen würden. Zeigen Sie Vielfalt durch Ihre Bilder, Partnerschaften und Kooperationen. Und wenn Sie das tun, seien Sie bereit, Unterstützung zu leisten. Das bedeutet, dass Sie auftauchen müssen, wenn die Trolle es tun.

Lesen Sie unseren Leitfaden für echten Aktivismus in den sozialen Medien.

9. begrüßen und akzeptieren Sie Feedback

Es ist selten, dass man alles auf Anhieb richtig macht. Deshalb ist es wichtig, offen für Feedback zu sein und Fehler einzugestehen, wenn man sie macht.

Es tut uns leid, dass wir Voice Tweets ohne Unterstützung für sehbehinderte, gehörlose oder schwerhörige Menschen getestet haben. Es war ein Versehen, dieses Experiment ohne diese Unterstützung durchzuführen.

Barrierefreiheit sollte kein nachträglicher Einfall sein. (1/3) //t.co/9GRWaHU6fR

- Twitter Support (@TwitterSupport) 19. Juni 2020

Ermöglichen Sie einen sicheren und positiven Dialog mit Ihrer Community. Geben Sie Kontaktinformationen, ein Feedback-Formular oder eine Aufforderung an Ihr Publikum an, wo es seine Gedanken mitteilen kann. Wie die leitende Interaktionsdesignerin von Google, Kara Gates, sagt: "Wenn Sie die Welt verändern wollen, müssen Sie sie einbeziehen".

Planen Sie häufige Tests und Iterationen ein. Nutzen Sie Tools wie Color Oracle, um Farbenblindheit zu simulieren. Lesen Sie Alt-Text laut vor - oder noch besser, verwenden Sie ein Bildschirmlesegerät oder andere Arten von Hilfsmitteln, um Ihre Inhalte zu testen. Eine vollständige Liste hilfreicher Tools finden Sie unten.

Zugänglichkeitstools für soziale Medien

WAVE Browser-Erweiterungen

Die Erweiterungen zur Bewertung der Barrierefreiheit im Web können in Chrome und Firefox verwendet werden, um Ihre Website und deren Inhalt auf Barrierefreiheit zu prüfen.

Hemmingway Herausgeber

Stellen Sie die Lesbarkeit Ihrer Texte mit Hemmingway Editor sicher. Streben Sie Grad 8 und niedriger an, um die WCAG-Standards zu erfüllen. Das Readability Test Tool ist eine weitere Option.

Microsoft Zugänglichkeitsprüfung

Microsoft verfügt über ein integriertes Tool für Barrierefreiheit in Outlook, Excel und Word. Das Microsoft Inclusive Design Manual bietet außerdem Videos und herunterladbare Broschüren zu Themen des inklusiven Designs.

Thread Reader App

Dieser Twitter-Bot rollt Threads auf der Plattform auf, damit andere Personen sie leichter lesen können. Um die App aufzurufen, müssen Sie sie nur markieren und "unroll" in die Antwort auf den betreffenden Thread schreiben.

Bild-Alt-Text und Alt-Text-Leser

Markieren Sie @ImageAltText oder @Get_AltText in der Antwort auf einen Tweet mit einem Bild, um diese Twitter-Bots auszulösen. Falls verfügbar, antworten sie mit dem Alt-Text.

Cliptomatic

Fügen Sie mit Cliptomatic automatisch Beschriftungen zu Ihren Instagram Stories, TikTok-Videos und Snaps hinzu.

Kontrast-App

Wenn Sie einen Mac verwenden, ist die App Contrast ein WCAG-kompatibles Kontrastprüfprogramm. Ein nettes Feature dieser App ist, dass sie Designern erlaubt, ihre Kontrastwerte zu überprüfen, während sie Farben auswählen. Die Entwickler dieser App bieten sogar einen Leitfaden, der die WCAG-Standards vereinfacht.

Kontrast-Prüfer

Mit Contrast Checker können Sie ein bestimmtes Bild zur Kontrastprüfung ziehen und ablegen, was eine gute Sache ist, bevor Sie Assets in soziale Medien hochladen.

Farborakel

Um sicherzustellen, dass Sie Informationen nicht nur über die Farbe weitergeben, können Sie den kostenlosen Farbenblindheitssimulator verwenden, der für Windows, Mac und Linux verfügbar ist.

Farbe sicher

Verwenden Sie Color Safe, wenn Sie Hilfe bei der Suche nach einer Farbpalette benötigen, die genügend Kontrast bietet und die WCAG-Richtlinien einhält.

Text auf Hintergrundbild a11y check

Mit diesem Tool für die Zugänglichkeit von Text über Bildern können Sie anhand des Farbkontrasts feststellen, wie lesbar der Text ist. Verwenden Sie das Facebook-Tool Image Text Check, um festzustellen, ob Sie zu viel Text auf Ihrem Bild haben.

YouDescribe

YouDescribe vom Smith-Kettlewell Eye Research Institute ermöglicht es Freiwilligen, beschreibende Audiodateien für YouTube-Videos zu erstellen. Kopieren Sie einfach eine YouTube-URL und fügen Sie sie in das Suchfeld ein, und klicken Sie auf Beschreibungen erstellen/bearbeiten, um loszulegen.

67-Prozent-Sammlung

Im Rahmen der #SeeThe67-Prozent-Kampagne hat sich Refinery29 mit Getty Images zusammengetan, um Bilder von Frauen mit Übergröße anzubieten. Siehe auch die No Apologies Collection, eine Fortsetzung der Zusammenarbeit. Auch Dove hat sich mit Getty zusammengetan, um mit der Show Us Collection Schönheitsstereotypen zu durchbrechen.

Die Kollektion Gender Spectrum

Vice ermutigt die Medien mit dieser Stockfoto-Kollektion, "über das Binäre hinauszugehen".

Die Sammlung Behinderung

Im Rahmen des Global Accessibility Awareness Day haben sich Getty Images, Verizon Media und die National Disability Leadership Alliance (NDLA) zusammengetan, um mit diesem Katalog das Thema Behinderung neu zu beleuchten. Das Brewers Collective hat außerdem Kataloge mit Unsplash und Pexels erstellt.

Die Kollektion Disrupt Aging

In dieser von AARP und Getty erstellten Sammlung finden Sie mehr als 1.400 Bilder, die altersbedingte Vorurteile bekämpfen.

Aegisub

Aegisub ist ein kostenloses Open-Source-Tool zur Erstellung und Bearbeitung von Untertiteln, mit dem Sie auch Transkripte für Videos erstellen können.

Mentionolytika

Verfolgen Sie die Erwähnungen Ihrer Marke in den sozialen Medien und im Internet mit Mentionolytics. Dieses Tool ist eine gute Möglichkeit, sich zu zeigen und auf Fragen und Feedback zu reagieren, unabhängig davon, ob Sie @-erwähnt wurden oder nicht.

Richtlinien für die Zugänglichkeit von Webinhalten (WCAG) 2.1

Diese Empfehlungen setzen die Branchenstandards für barrierefreie Web- und Social-Media-Erlebnisse.

Vox Produktzugänglichkeitsrichtlinien

Diese Leitlinien bieten eine interaktive Checkliste für Designer, Redakteure, Ingenieure und andere.

Verwalten Sie mit SMMExpert alle Ihre Social-Media-Kanäle über ein einziges Dashboard. Planen und veröffentlichen Sie ganz einfach alle Ihre Social-Media-Posts, interagieren Sie mit Ihren Followern und verfolgen Sie den Erfolg Ihrer Bemühungen. Testen Sie es noch heute kostenlos.

Los geht's