# data[].attributes.body
"Die Vermittlung von Medienkom-
petenz muss auch auf den Abbau von Diskriminierungen gerichtet sein. Die Förderung und
Vermittlung von Medienkompetenz an Menschen mit Behinderungen muss alle Formen von
Behinderungen, physisch wie auch psychisch, berücksichtigen. Medienkompetenzvermitt-
lung bezieht dabei auch die Vermittlung an alle ein, wie Inhalte barrierefrei zu erstellen sind."
Quelle: Seite 6 in:
https://www.rathaus.bremen.de/sixcms/media.php/13/top%2011_20220201_Medienkompetenzfoerderung_in_HB_und_BHV.pdf

# data[].attributes.body
Prinzipien: wahrnehmbar, bedienbar, verständlich und robust
https://www.w3.org/WAI/videos/standards-and-benefits/de

# data[].attributes.body
Man muss wissen, wer die Zielgruppe ist, um die passenden Maßnahmen/Techniken einsetzen zu können. (Lucas Cramer)

# data[].attributes.body
Anwendungen müssen über Spracheingabesoftware, wie bspw. Dragon Naturally Speaking, nutzbar sein, besonders der Katalog.

# data[].attributes.body
So kurz wie möglich und so präzise wie möglich - Hauptfrage: Warum sehe ich dieses Bild hier?
https://www.hellbusch.de/vier-typen-von-textalternativen/

# data[].attributes.headline
Alternativtexte für Bilder aus Social Media

# data[].attributes.subject
Alternativtexte für Bilder aus Social Media

# data[].attributes.body
Muss man beim Posting darauf hinweisen oder ist das nicht notwendig (z.B. !B)

Das !B wird hinzugefügt, um sehenden Menschen anzuzeigen, dass eine Alternativtext vorhanden ist. So dass sie wissen, dass sie einen Tweet oder Post teilen können.
Bei Twitter wird bei Bildern mit alt-Text inzwischen ein kleines alt auf dem Bild eingeblendet.

# data[].attributes.headline
Welches System hat die wenigsten Barrieren?

# data[].attributes.subject
Welches System hat die wenigsten Barrieren?

# data[].attributes.body
Artikel, die Systeme vergleichen:

https://www.fronta11y.org/ein-paar-tipps-fuer-barrierefreie-videokonferenzen/

https://www.bfit-bund.de/DE/Publikation/meetingtool-vergleich.html

https://www.bundesfachstelle-barrierefreiheit.de/DE/Fachwissen/Informationstechnik/Barrierefreie-Webkonferenzen/barrierefreie-webkonferenzen_node.html

# data[].attributes.headline
Welche Barrieren können bei Videosystemen auftreten und wie können diese Umgangen werden?

# data[].attributes.subject
Welche Barrieren können bei Videosystemen auftreten und wie können diese Umgangen werden?

# data[].attributes.body
Es gibt sowohl technische als auch inhaltliche Barrieren.
Hier ein Leitfaden für die Gestaltung einer barrierefreien Online-Konferenz.

https://www.netz-barrierefrei.de/wordpress/gesellschaft/barrierefreie-online-veranstaltungen/

# data[].attributes.headline
 Gibt es Spracherkennungen und Tastenkürzel um das Videokonferenzsystem zu bedienen? 

# data[].attributes.subject
 Gibt es Spracherkennungen und Tastenkürzel um das Videokonferenzsystem zu bedienen? 

# data[].attributes.body
Ja, oft je nach System unterschiedliche, sind jeweils in den Hilfen dokumentiert.

# data[].attributes.headline
Worauf muss man bei einer Bildschirm-Präsentation achten?

# data[].attributes.subject
Worauf muss man bei einer Bildschirm-Präsentation achten?

# data[].attributes.body
Sind Programme, Präsentationen gut lesbar (Farben, Kontraste)? Werden Bilder beschrieben?

# data[].attributes.headline
Können Statusmitteilungen bzw. Änderungen (jemand betritt den Raum, jemand hebt die Hand) auch für blinde Menschen angezeigt werden?

# data[].attributes.subject
Können Statusmitteilungen bzw. Änderungen (jemand betritt den Raum, jemand hebt die Hand) auch für blinde Menschen angezeigt werden?

# data[].attributes.body
Wird von vielen Systemen unterstützt.
Falls das fehlt, muss personell kompensiert werden; Moderator sollte ansagen wie Stand ist (Kommunikation!)

# data[].attributes.body
Wunsch: Schulung für Betreuer:innen als Multiplikator:innen, um das Know-how aufzubauen und dann an die Klient:innen weitergeben.

Voraussetzung: Interesse der Klient:innen für Technik wecken (z.B. Videos über youtube ansehen können)

# data[].attributes.headline
Flyer (zur Info für Benutzung von techn. Geräten in Bibliotheken)

# data[].attributes.subject
Flyer (zur Info für Benutzung von techn. Geräten in Bibliotheken)

# data[].attributes.body
Flyer werden nicht gern benutzt (Eindruck), nach wie vor wird Personal angesprochen:
Warum? Material nicht gut? Nicht praktikabel? Welche Ursachen?

TIPP: Leichte Sprache und Bilder verwenden!

Am besten diejenigen fragen, die mit den Fragen kommen: Woran liegt es, dass der Flyer als schlecht empfunden wurde. Ratsuchende als Expert:innenwissen nutzen.

# data[].attributes.body
mobiles Team als zusätzliche Assistenz für Digitales (Beispiel: Digitalassistenz für Senior:innen https://www.digitalambulanzen.bremen.de)

# data[].attributes.headline
Welche bedarfsgerechte technischen Hilfsmittel können genutzt werden?

# data[].attributes.subject
Welche bedarfsgerechte technischen Hilfsmittel können genutzt werden?

# data[].attributes.body
bedarfsgerechter Computeraufbau / größere Buchstaben
Unterstützung (am Anfang) vor Ort zur technischen Beratung notwendig
https://www.hilfsmittelfinder.de/

# data[].attributes.attachment_link.authors[].name
Institut der deutschen Wirtschaft Köln, REHADAT

# data[].attributes.attachment_link.description
Der REHADAT-Hilfsmittelfinder unterstützt dabei, aus der Fülle an Hilfsmitteln die geeigneten Produkte für den Alltag oder das Berufsleben zu finden.

# data[].attributes.headline
Wie hinterlegt man in facebook einen Alternativtext für Bilder?

# data[].attributes.subject
Wie hinterlegt man in facebook einen Alternativtext für Bilder?

# data[].attributes.body
Tipp aus der Runde: Geht inzwischen direkt in der App (meta business-Manager).
Gibt es einen Unterschied, ob man mit Canva oder meta business-Manager postet?

Es ist darauf zu achten, dass das gepostete Bild einen Alternativtext hat. Bitte dies nach dem Posten kontrollieren und, wenn nötig, einen Alternativtext im Nachgang innerhalb von facebook einpflegen.
Über den Meta-Business-Manager lässt sich der Alternativtext direkt mit anlegen.

# data[].attributes.body
Wenn Dokumente von Word in PDF konvertiert werden, entstehen ggf. Fehler. Wie geht man mit den Fehlern um? Z. B. im Fall von Fußnoten?

Sowohl Word als auch PDF-Programme bieten eine Barrierefreiheitsprüfung.
Linksammlung unter: https://www.lbb.bremen.de/pdf

Wenn die Fußnoten in Word korrekt angelegt worden sind (über Referenzen) und mehrere Fußnoten auf einer Seite in mehreren Absätzen vorhanden sind, wird dennoch nur ein kompletter Fußnotenblock im PDF angelegt. Dieser erscheint in der Lesereihenfolge nach dem ersten Absatz, der eine Fußnote beinhaltet.  Bei Screenreadernutzung werden so bereits Fußnoten vorgelesen, die erst in Folgeabsätzen auftauchen. Bzw. falls man die Fußnote direkt per Link anspringt, landet man hinterher x Absätze weiter oben in der Lesereihenfolge und könnte so die Übersicht verlieren.

D.h. man muss nach wie vor Fußnoten im PDF manuell nachbearbeiten und den Fußnotenblock in mehrere Blöcke aufsplitten, so dass nach einem Absatz immer nur die Fußnoten angesagt werden, die auch in dem Absatz vorkommen. Alternativ lassen sich alle Fußnoten in einem  Extradokument sammeln und hinten anhängen.

# data[].attributes.headline
Was braucht es um neue Sachen zu lernen?

# data[].attributes.subject
Was braucht es um neue Sachen zu lernen?

# data[].attributes.body
viel ausprobieren und Fehler machen
Übung
Unterstützungspersonen
Kurse zum Erlernen (nicht für alle Personen geeignet)
Technik-Termin vorab

# data[].attributes.headline
Was ist bei Word-Dokumenten zu beachten?

# data[].attributes.subject
Was ist bei Word-Dokumenten zu beachten?

# data[].attributes.body
- Barrierefreiheit-Prüfung in Word
- Überschriften müssen als solche definiert sein (s. Textformatierung).
- Bei Listen unbedingt die Listen-Elemente verwenden.

Kurs bei Maik Clasen (AFZ) belegen.

# data[].attributes.body
Kann ein Screenreader Tabellen lesen? Falls nicht, wie kommuniziert man die Inhalte einer Tabelle?

- Keine reinen Layout-Tabellen verwenden!
- Datentabellen eindimensional halten, nicht verschachteln
- Kopfzeilen kennzeichnen

Wenn möglich, komplexe Tabellen in mehrere Einzeltabellen aufteilen

# data[].attributes.body
Wie ist es gewünscht, große, lange Excel-Dateien zu veröffentlichen?
(Im Internet (Transparenzportal))

Länge und Größe sind nicht entscheidend, sondern die Komplexität der Tabelle.
- Nicht verschachteln, einfach halten
- Kopfzeilen vergeben
- Barrierefreiheitsprüfung in Excel nutzen

# data[].attributes.body
Was sind Grundkriterien? Was kann man besser machen?
https://barrierefreies.design/blog/posts-und-stories-auf-instagram-barrierefrei-erstellen

# data[].attributes.attachment_link.readable_text
Foto: © Solen Feyissa

Lesezeit: 4 Minuten

Themen:

instagram

socialmedia

barrierefreiheit

barrierefrei

inklusiv

posts

stories

alternativtext

Was können alle tun, um die eigenen Inhalte möglichst barrierefrei in Posts und Stories auf Instagram zu verpacken? Sechs Tipps für Ihren Account.

"Content Creator" haben einen erheblichen Einfluss auf die Barrierefreiheit des sozialen Netzwerks, das sie nutzen. Es liegt an ihnen, ob ihr lustiges Meme von Hilfstechnologien lediglich mit der leeren Information wiedergegeben wird, es handle sich um ein Foto - und damit schnell weitergescrollt wird. Oder man nutzt die Chancen zur Barrierefreiheit, die Instagram bietet, um den Inhalt möglichst allen Menschen zugänglich zu machen. Content Creators können ihre Inhalte so gestalten, formatieren und beschreiben, dass sich blinde Menschen oder Menschen mit einer Sehbehinderung gerne auf Instagram bewegen.

Mit Barrierefreiheit auf sozialen Netzwerken mehr Menschen erreichen

Nehmen Sie den Kontakt für eine unverbindliche Beratung auf:
Ein Projekt anfragen
Tipp 1: Alternative Texte für Posts

Webseitenbetreiber*innen kennen es schon: Bildern können alternative Texte hinterlegt werden, die wiedergegeben werden, wenn die Bilder nicht zugänglich sind. Für sehende Menschen ist das nützlich, wenn das Bild nicht geladen werden kann. Der Kontext kann dann trotzdem verstanden werden, wenn sie den alternativen Text lesen. Menschen mit einer Sehbehinderung oder blinde Menschen sind aber sogar auf den alternativen Text angewiesen. Hilfstechnologien wie Screenreader können Bilder nicht anders interpretieren und wiedergeben, als sie beschrieben sind.

Auch Instagram bietet diese Möglichkeit für Feed-Beiträge, sogenannte "Posts". Etwas versteckt befindet sich beim Posten in der letzten Eingabemaske, in der man unter anderem auch die Bildunterschrift einträgt, ganz unten in kleiner, feiner Schrift die Schaltfläche "Erweiterte Einstellungen". Unter dem Punkt Barrierefreiheit kann dort ein Alternativtext eingegeben werden, der das Bild beschreibt. Nachträglich ist das weniger versteckt: Wenn man ein Bild bearbeitet, befindet sich unten rechts im Bild eine Schaltfläche "Alternativtext hinzufügen".

Alternativtexte vermitteln den Inhalt und Zweck des Bildes. Sie sollten keine ganzen Aufsätze umfassen, sondern präzise und eindeutig das wiedergeben, was wichtig ist.

Für sehende Menschen kann man mit einem "B!" am Ende der Bildunterschrift kennzeichnen, dass ein Alternativtext für das Bild existiert.

Tipp 2: Stories und IGTV untertiteln

Stories lassen sich bequem mit dem Caption-Sticker automatisch mit Untertiteln versehen, damit auch gehörlose Menschen den Kontext verstehen können. Übrigens: Schätzungen gehen davon aus, dass bis zu 85 Prozent aller Nutzer*innen die soziale Netzwerken ohne Ton nutzen. Für Video-Posts sollte im Textfeld eine Transkript verfasst werden.

Auch Videos für IGTV lassen sich automatisch Untertiteln. In den Account-Einstellungen unter "Konto" und dann "Untertitel" können automatische aktiviert werden. Beim Upload des IGTV-Videos kann in der Eingabemaske "Veröffentlichen" in den "Erweiterte Einstellungen" die automatische Untertitelung aktiviert werden.

Tipp 3: Weniger ist mehr 🧐🤓😎

So verlockend es manchmal ist: Beim Verfassen der Bildunterschriften sollte man es mit den Emojis nicht übertreiben. Screenreader lesen schließlich jeden Emoji vor. So werden die Emojis aus der Überschrift unter Windows mit NVDA "Gesicht mit Monokel Strebergesicht Gesicht mit Sonnenbrille" vorgelesen. Das kann schnell nerven.

Tipp 4: Hashtags lesbarer schreiben

Hashtags sind ein fester Teil der Vernetzung auf Instagram. Weil Hashtags technisch immer zu einer Zeichenkette zusammengefasst werden müssen, leidet die Lesbarkeit manchmal sehr darunter. Wenn man statt #webdesignfueralle lieber #WebdesignFuerAlle schreibt, funktioniert die Verlinkung genauso gut und ist deutlich lesbarer. Manche Software für Sprachausgaben kann die Worte in Schreibweise mit Groß- und Kleinbuchstaben auch präziser betonen.

Tipp 5: Geschlechtergerechte Sprache barrierefrei anwenden

Barrierefrei gendern ist nicht leicht. Entscheidet man sich für die Bildunterschriften oder Alternativtexte für eine geschlechtergerechte Sprache, sollten verschiedene Aspekte abgewogen werden. Bewährt hat sich die Schreibweise mit dem Doppelpunkt, weil der alternative Stern oder der Unterstrich von Screenreadern jeweils wortwörtlich vorgelesen werden. So wird dann aus Nutzer_innen in der Sprachausgabe: "Nutzer Unterstrich innen". Noch besser sind allerdings neutrale Formulierungen.

Tipp 6: Keep it simple

Allgemein unterschätzt wird die Bedeutung von Leichter Sprache beziehungsweise Einfacher Sprache. Sie ermöglicht Menschen mit kognitiven Behinderungen den Zugang zu Informationen und Kommunikation. Viele Aspekte lassen sich aber einfach umsetzen:

Benutzen Sie einfache, kurze Wörter.

Verzichten Sie auf Fachwörter, Fremdwörter und Abkürzungen.

Benutzen Sie Verben und aktive Wörter.

Machen Sie in jedem Satz nur eine Aussage.

Vermeiden Sie Redewendungen und bildliche Sprache.

Fazit

Viele Aspekte lassen sich einfach und unbequem umsetzen, um seine Instagram-Posts und -Stories sowie IGTV möglichst vielen Menschen zugänglich machen. Auf dem Instagram-Account @barrierefreies.design erfahren Sie ganz praxisnah regelmäßig mehr zu der Barrierefreiheit auf sozialen Netzwerken.

Hat der Artikel Ihnen gefallen? Teilen Sie ihn:

# data[].attributes.attachment_link.title
Posts & Stories auf Instagram barrierefrei erstellen

# data[].attributes.attachment_link.description
Was können alle tun, um die eigenen Inhalte möglichst barrierefrei in Posts und Stories auf Instagram zu verpacken? Sechs Tipps für Ihren Account.

# data[].attributes.body
Widerspruch?: "schicker" Flyer oder barrierefreier Flyer?, ggf. eine Zweitversion, die barrierefrei ist?

Ein Flyer für alle. Der Aufwand ein PDF zu erstellen und auslesen zu lassen ist nicht zu groß, sodass man einen Flyer entsprechend für alle auslesen lassen sollte.
bei Sprachen kann man in Flyern unterscheiden.

Teilnehmende sagt: Wenn es zwei Flyer gibt, ist der in leichter Sprache oft vergriffen und damit exklusiv.
Einwand: Konflikt einfache Konzeption vs. Informationsvermittlung. In der Praxis nicht so einfach. Zielgruppe hinterfragen.
Im AFZ gibt es ein Kompetenzteam für bürgernahe Sprache bei der bremischen Verwaltung: https://www.afz.bremen.de/verwaltung-entwickeln/buerger-innenservice-und-kommunikation-17481

# data[].attributes.body
Tipps für die Auftragsvergabe und Tipps für Ausschreibungstext?

- Ausschreibungstext: möglichst genau formulieren (bspw. nicht nur barrierefreie Website, sondern die Anforderungen genau definieren)
- Nachweis der Barrierefreiheit im Prozess und bei der Abnahme - möglichst von Dritten (bei größeren Projekten)
- Sicherstellen, dass die Mängel auch behoben werden

# data[].attributes.body
Tipps, welche Schriftart eignet sich am besten für social media (Instagram) und website?

Serifenlose Schriften, keine Schnörkel, keine bunten Buchstabenmixe
https://www.leserlich.info/

# data[].attributes.attachment_link.title
leserlich.info – Schritte zu einem inklusiven Kommunikationsdesign

# data[].attributes.attachment_link.description
leserlich.info befasst sich mit Kommunikationsdesign für Menschen mit und ohne Sehbehinderung. Je nachdem, welche individuellen Voraussetzungen Menschen mitbringen, ergeben sich unterschiedliche Anforderungen an die Gestaltung von Schrift, Text und Bild, an die Beschaffenheit von Druckträgern sowie…

# data[].attributes.body
Gibt es eine Art Katalog, was wie umgesetzt werden sollte? Damit man sich nicht durch die Gesetze wühlen muss.

Antwort: Ja, verbindlich ist EN Norm 301 549 (Soft- und Hardware) - https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf

WCAG 2.1 - http://www.w3.org/TR/WCAG21/, https://outline-rocks.github.io/wcag/translations/CAT-WCAG21-DE-20211004/ - Entwurf der deutschen Übersetzung der WCAG 2.1, steht kurz vor der Verabschiedung

Bundesweitere Arbeitsgruppe für Leichte Sprache, um die Kernpunkte verständlich zu formulieren - aktuell in Arbeit (noch nicht veröffentlicht)

https://www.accessguide.io/

# data[].attributes.body
Digitale Barrierefreiheit ist wie Gartenarbeit (Ulrike Peter)

# data[].attributes.body
Aufbau des Systems verändert sich
"Man hat sich gerade dran gewöhnt"

Tipp: Keine schriftlichen Anleitungen, sondern TN Angst vor dem Ausprobieren nehmen: Sie können nichts kaputt machen, einfach mal alles anklicken/antippen und schauen was passiert.

# data[].attributes.body
Für Windows: NVDA
https://www.nvaccess.org/

iOs hat VoiceOver eingebaut

Android hat Talkback eingebaut

# data[].attributes.body
Wie kann die Verwaltung sicherstellen, dass auch Zuwendungsempfänger barrierefreie Auflagen (z. B. Homepage) einhalten? Wie kann das geprüft werden?

Verwaltung informiert ihre öffentlichen Stellen über die gesetzlichen Vorgaben zur digitalen Barrierefreiheit.
In einer zentralen elektronischen Akte wird pro oberster Landesbehörde jährlich der Stand der digitalen Barrierefreiheit aller öffentlichen Stellen berichtet.

# data[].attributes.body
TIPP: Es gibt im Internet einen Kontrastleser/Tool
https://chrome.google.com/webstore/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf?hl=en
WCAG Color contrast checker Plugin
oder https://webaim.org/resources/contrastchecker/

# data[].attributes.body
Müssen auch deren Barrieren in der Barrierefreiheitserklärung genannt werden?

Antwort:
Wenn es einen Verweis auf eine andere Website oder App gibt, die direkt mit dem eigenen Angebot assoziiert ist (wie z.B. die digitalen Angebote unter https://stabi-hb.de/digitale-angebote) muss eine Barrierefreiheitserklärung auf der fremden Website oder App eingebunden sein.

# data[].attributes.body
Im Rahmen der Durchsetzung und als Resultat aus der Beratung zu den Überwachungsergebnissen zum ersten Berichtszeitraum erfolgte die Zusammenstellung relevanter Einzelthemen der Barrierefreiheit als Adventskalender im Dezember.

https://lbb.bremen.de/advent

# data[].attributes.body
Wie kann man die Bedienung vereinfachen? Welche Möglichkeiten haben diese Menschen, sich beispielsweise die Website vorlesen zu lassen oder sich durch Bilder leiten zu lassen etc.?
Zusätzlicher Tipp: Verständliche/einfache Sprache direkt auf die Startseite. Den komplizierten Text finden Menschen, die ihn lesen möchten.

Antwort:
- gängige Browser haben die Möglichkeit alle Bildschirminhalte vorlesen zu lassen
- Personen schulen zur Bedienung des Browsers

# data[].attributes.body
Können sich auch Privatpersonen oder Firmen der freien Wirtschaft an die Zentralstelle wenden, wenn sie Beratung brauchen?
Ja, wenn sie für eine öffentliche Stelle eine Dienstleistung erbringen
https://www.lbb.bremen.de/zenbIT

# data[].attributes.body
Chat-Möglichkeit auf Website, auch mit Sprachnachricht
Wie werden Chats auf Websites barrierefrei?

Antwort:
- Chat muss auch mit Tastatureingabe möglich sein

# data[].attributes.headline
An wen kann sich die Wirtschaft / Privatpersonen bzgl. Barrierefreiheit wenden?

# data[].attributes.subject
An wen kann sich die Wirtschaft / Privatpersonen bzgl. Barrierefreiheit wenden?

# data[].attributes.body
Barrierefreiheitsstärkungsgesetz gilt für Wirtschaft

Bundesfachstelle Barrierefreiheit - Aktuelles - Save-the-Date: Konferenz zum Barrierefreiheitsstärkungsgesetz (bundesfachstelle-barrierefreiheit.de)

# data[].attributes.headline
BALLON: Eine Support-Struktur für Lehrende für mehr Barrierefreiheit in der Hochschullehre

# data[].attributes.subject
BALLON: Eine Support-Struktur für Lehrende für mehr Barrierefreiheit in der Hochschullehre

# data[].attributes.body
https://www.uni-bremen.de/digitale-transformation/projekte/barrierearmes-lernen-und-lehren-online-ballon

# data[].attributes.attachment_link.title
Barrierearmes Lernen und Lehren Online - BALLON - Universität Bremen

# data[].attributes.attachment_link.description
Accessibility in E-Learning and Teaching

# data[].attributes.body
Antwort:
- Triggerwarnungen vorab

Liste, wann die auszusprechen sind?
- eher im Bereich Jugendschutz angesiedelt

# data[].attributes.headline
Handbuch Digitale Teilhabe und Barrierefreiheit

# data[].attributes.subject
Handbuch Digitale Teilhabe und Barrierefreiheit

# data[].attributes.body
Das Handbuch zeigt aktuelle wissenschaftlichen Grundlagen und Praxiserfahrungen in der Umsetzung Digitaler Teilhabe und Barrierefreiheit.

https://lbb.bremen.de/handbuch

# data[].attributes.body
https://www.bitvtest.de/bitv_test/das_testverfahren_im_detail/pruefschritte.html

https://www.bit-inklusiv.de/der-biti-test-fuer-barrierefreie-software/