SlideShare ist ein Scribd-Unternehmen logo
1 von 33
Crashkurs Barrierefreiheit
Domingos de Oliveira
www.netz-barrierefrei.de
Twitter @domingos2
BarCamp Bonn 2016
#bcbn16 @domingos2
Überblick
• Barrierefreiheit und
Behinderung
• Texte
• Bilder
• Multimedia
• Weitere Tipps
Die größten
Barrieren
und wie man sie
beseitigt.
#bcbn16 @domingos2
Wie viele Behinderte gibt es?
• Ca. 1,1 Millionen Sehbehinderte
• Ca. 15 Mio. Schwerhörige und Gehörlose
• ca. 7,5 Mio. funktionale Analphabeten
• Hohe Zahl von Menschen mit kognitiven
Einschränkungen (ADHS, Dyslexie, Legasthemie,
dementielle Erkrankungen…) - damit einher
gehen Gedächtnisprobleme, Konzentrations-
und Lernprobleme, Unsicherheit bei Technik…
#bcbn16 @domingos2
Barrierefreiheit?
• Barrierefreiheit heißt Usability für die
größtmögliche Gruppe an Menschen.
• Nicht jeder braucht Barrierefreiheit, aber alle
profitieren davon.
Text
Lesbarkeit und Erkennbarkeit
#bcbn16 @domingos2
Text – zu klein oder zu groß
Du siehst zwar, dass da Text steht, aber gut lesbar ist das
nicht oder? Wäre doch wesentlich einfacher, wenn der Text
ein wenig größer wäre.
Da ist es doch wesentlich
leichter, großen Text zu
lesen. Leider machen sich
viele Nutzer nicht die Mühe,
die Textgröße anzupassen.
• Zu kleiner Text ist schlecht lesbar.
• Zu großer Text kann für
Sehbehinderte mit Gesichtsfeld-
Ausfällen schwierig sein.
• Auf mobilen Geräten ist der Inhalt
oft nicht erkennbar (mangelnde
Responsivität).
• Der Text lässt sich nicht
ausreichend vergrößern, um auf
kleinen Displays noch gut lesbar zu
sein.
• Alle Texte – auch in Bildern oder
Buttons – sollten ausreichend groß
sein, um z.B. auf einem kleinen
Smartphone noch gut lesbar zu sein.
#bcbn16 @domingos2
Textfluss
"Für 10 Prozent der Bevölkerung ist
Barrierefreiheit absolut unentbehrlich -für 30-40
Prozent ist sie notwendig -und für 100 Prozent der
Gesellschaft ist eine barrierefreie Umgebung
komfortabel und ein Qualitätsmerkmal"
"Für 10 Prozent der Bevölkerung ist
Barrierefreiheit absolut unentbehrlich -
für 30-40 Prozent ist sie notwendig -
und für 100 Prozent der Gesellschaft
ist eine barrierefreie Umgebung
komfortabel und ein Qualitätsmerkmal"
• Blocksatz erschwert
die Orintierung in lngen
Texten.
• Optimal ist der
linksbündige
Flattersatz, die
ungleichen Zeilenlängen
erleichtern das
Auffinden verlorener
Stellen.
#bcbn16 @domingos2
Exotische Schriften
Was zurHölle steht hier
geschrieben?
Was zur Hölle steht hier
geschrieben?
• Serifenschriften und
exotische Schriften
verschlechtern die
Lesbarkeit.
• Verwenden Sie
durchgängig eine gut
lesbare Schrift wie Arial,
Calibri und Ähnliches.
• Ihr könnt auch Schriftarten
verwenden, die diesen
Schriften ähnlich sind.
#bcbn16 @domingos2
Zu geringer Kontrast
"Für 10 Prozent der
Bevölkerung ist
Barrierefreiheit absolut
unentbehrlich - für 30-40
Prozent ist sie notwendig -
und für 100 Prozent der
Gesellschaft ist eine
barrierefreie Umgebung
komfortabel und ein
Qualitätsmerkmal.“
• Die Schriftfarbe bietet
nicht ausreichend
Kontrast zum
Hintergrund.
• Störend sind auch
Hintergrund-Effekte
wie Farbverläufe und
Hintergrundbilder.
#bcbn16 @domingos2
Störende Effekte
• Störend sind zum Beispiel
Schrifteffekte wie Lauf- und
Blinkschrift oder diagonal
oder horizontal verlaufender
Text
• Störend sind auch
dynamische Elemente wie
endlos flackernde Flash- und
GIF-Animationen, Bewegung
auf dem Screen zieht das
Auge automatisch an und
stört so die Konzentration.
Text
Verständlichkeit
#bcbn16 @domingos2
Textlänge
Soziale Barrierefreiheit – wir schaffen das!
31. Januar 2016Barrierefreiheit & Zugänglichkeit
Und wieder geht ein langer Tag mit einem Open Transfer Camp Inklusion zu Ende. Es lohnt sich immer wieder, an dieser Veranstaltung
teilzunehmen. An dieser Stelle ein herzlicher Dank an das Orga-Team der Stiftung Bürgermut, das wie immer einen tollen Job gemacht hat.
Meine Session war wie immer fantastisch besucht – aber Scherz beiseite, ich hoffe, ich habe ein paar Leute zur digitalen Barrierefreiheit bekehrt.
Mein Ausflug nach München hat mich wieder mal an die Wichtigkeit sozialer Barrierefreiheit erinnert. Natürlich ist es wichtig, digitale
Barrierefreiheit sicherzustellen. Es ist aber vielleicht noch wichtiger, soziale Barrierefreiheit zuschaffen. Was meine ich damit?
Wenn ich in einer fremden Stadt unterwegs bin, nutze ich normalerweise Taxis – die Kosten kann ich zumeist meinem Auftraggeber aufs Auge
drücken. Die Nutzung öffentlicher Verkehrsmittel ist für einen Blinden sehr stressig. Zunächst muss er überhaupt erst Mal den Haltepunkt finden,
also den Busbahnhof oder die S-Bahn-Haltestelle. Dann muss er herausfinden, ob es die richtige Richtung ist. Eingestiegen ist es manchmal
schwierig, die Durchsagen zu verstehen, ich behelfe mir dabei, vorher die Zahl der Haltestellen herauszufinden, die zwischen Abfahrt und Ziel
liegen und ggf. nachzufragen.
In München habe ich das anders gemacht. Ich habe ein Jahr dort gelebt und es erschien mir absurd, dort ein Taxi zu nehmen. Andererseits ist das
schon wieder acht Jahre her und die Gegend, zu der es ging, habe ich nie bewusst betreten.
Obwohl ich mich rudimentär auskannte, musste ich mich durchfragen: Durchfragen zur Straßenbahn-Haltestelle, durchfragen zum Hotel,
Durchfragen zum Veranstaltungsort. Lustigerweise kannte ich am Ende als Blinder den Weg zum Veranstaltungsort besser als meine sehenden
Kollegen.
Nun muss man wissen, dass es für Blinde oft schwierig ist, nach Hilfe zu fragen. Erstmal müssen sie überhaupt einen Menschen erwischen, was in
einer belebten Straße gar nicht einfach ist. Dann gibt es Leute, die keine Lust zu helfen haben.
Nun gibt es Leute, die niemandem helfen würden und Leute, die keine Lust haben, Blinden zu helfen. Ich glaube aber, dass die Mehrheit der Leute
durchaus bereit ist, anderen Menschen zu helfen. Sie würden gerne helfen, wissen aber nicht, was sie tun können bzw. wo die Person Probleme
hat.
Soziale Barrierefreiheit heißt, bei Nicht-Behinderten ein Bewusstsein dafür zu schaffen, wo es konkrete Barrieren gibt und was man tun kann, um
sie zu beseitigen. Das gilt nicht nur für Nicht-Behinderte. Bei vielen Körperbehinderten herrscht Ahnungslosigkeit über die Bedürfnisse Sinnes-
oder Lernbehinderter. Das mag auch umgekehrt so sein, das kann ich nicht einschätzen.
Die Sensiblisierung für Barrieren ist ein wichtiges Thema, was auch in allen Sessions angeklungen ist, die ich besucht habe. Es gibt keinen
Zauberweg für diese Aufgabe. Vor allem müssen Behinderte stärker in die Mitte der Gesellschaft und ein Stück Öffentlichkeitsarbeit in eigener
Sache leisten.
Wichtig ist außerdem, dass mehr Öffentlichkeitsarbeit dazu stattfindet. Ich habe mir einen Google Alert zum Thema Leichte Sprache gesetzt. Es
gibt fast täglich Berichte in Lokalzeitunngen über Projekte oder Broschüren in Leichter Sprache. Im Fernsehen wird hingegen in Sendungen ohne
expliziten Behinderungsbezug selten etwas über Behinderte berichtet, was über die übliche Opfer-Schematik hinausgeht. Auch die Öffentlich-
Rechtlichen machen da keine gute Figur.
Last not least muss man aus den Spezialveranstaltungen heraus und auf Veranstaltungen mit anderen Schwerpunkten gehen. Es gibt ja
mittlerweile recht wenige Veranstaltungen mit dem Thema digitale Barrierefreiheit, von dem her haben die Experten mehr Zeit, auf Konferenzen
ohne expliziten Behinderungsbezug zu gehen. es gibt z.B. unheimlich viele Konferenzen mit dem Thema Online-Marketing. Warum nicht einmal dort
hingehen und den Personen mitteilen, wie schlecht zugänglich ihr Marketing für Sinnesbehinderte ist? Die Barrierefreiheits-Community könnte
unheimlich viel zum Thema Usability oder Mensch-Maschine-Interaktion beitragen. Wir haben Sprachausgaben, Spracheingaben oder Eye-Tracking
benutzt, lange bevor das iPhone das Licht der Welt erblickte.
Ich will aber nicht verschweigen, dass es schon viele gute Ansätze gibt. OpenStreetMap versucht, barrierefreie Orte zu markieren, es gibt viele
Behinderte, die in Schulen gehen, um Aufklärungsarbeit zu leisten. Oftmals kommt es nur darauf an, gute Aktionen weiter zu verbreiten und mehr
Leute zu gewinnen, die dabei mitmachen.
Last not least müssen wir bei allen Menschen das Bewusstsein dafür stärken, dass wir alle einmal auf Hilfe angewiesen sind – und das nichts
Schlimmes daran ist, nach Hilfe zu fragen oder sie anzunehmen. Ich höre immer wieder, wie Blinde Hilfeangebote relativ schroff abgewiesen haben
oder das ein Hilfeangebot als tödliche Beleidigung aufgefasst wurde. Das ist in gewisser Weise verständlich, aber auch schizophren. Man beschwert
sich, wenn man ungefragt Hilfe bekommt , dann beschwert man sich, wenn mankeine Hilfe angeboten bekommt. Blinde müssen lernen, Hilfe richtig
zu erbitten und auch richtig abzulehnen. Es kommt darauf an, konkrete Fragen zu stellen, freundlich zu sein und nicht die Hilflosigkeit in Person zu
spielen, denn zu komplexe Anforderungen überfordern die Leute oftmals. Und man sollte nicht beleidigt sein, wenn die Hilfe nicht oder nicht in der
Form kommt, wie man sie gerne hätte. Die Leute sind nicht dazu da, uns von A nach B zu bringen, damit müssen wir leben lernen.
• Unnötig lange und schlecht
strukturierte Texte
überfordern Lese-
Unerfahrene und führen zu
Leseabbrüchen.
• Ein Text hat dann die
optimale Länge wenn ihr
nichts mehr wegkürzen
könnt, ohne den
Informationsgehalt zu
verringern.
#bcbn16 @domingos2
Text – visuelle Struktur
• Unredigierte Texte weisen zu lange Sätze,
Absätze und eine schlechte
Informationsstruktur auf.
• Es fehlen Überschriften und in Listen
strukturierte Informationen.
#bcbn16 @domingos2
Text – informationelle Struktur
• Ein Gedanke pro Satz, ein
Gedankengang pro Absatz
• Texte sauber strukturieren –
first things first, das Wichtige an
den Anfang stellen (siehe
journalistische W-Fragen)
• Zwischenüberschriften, Listen
und andere Hilfen verwenden, um
den Text visuell zu strukturieren
• Bei umfangreichen Texten
Inhaltsverzeichnisse wie bei der
Wikipedia anlegen
#bcbn16 @domingos2
Text – sprachliche
Verständlichkeit
• Fachbegriffe vermeiden oder erklären, evtl. nötiges
Vorwissen verlinken
• Texte und Absätze kurz halten
• Gedanken strukturieren und für den Leser
Unwichtiges weglassen, auch wenn es dir weh tut.
Multimedia
Bilder - Aufnahmequalität
• Unscharfe Bilder sind auf
für Sehbehinderte
schlecht erkennbar
• Sieht man ohnehin
unscharf, wird das durch
unscharfe Bilder leider
nicht ausgeglichen.
• Bilder sollten von Anfang
an gut aufgenommen
bzw. entsprechend
ausgewählt werden.
#bcbn16 @domingos2
#bcbn16 @domingos2
Bilder - unübersichtlich
• Bilder mit zu vielen
Elementen oder
unklarem Fokus können
die Erkennbarkeit für
Sehbehinderte
verschlechtern.
• Für Sehbehinderte ist
es schwer, größere
Flächen auf einen Blick
zu erfassen.
#bcbn16 @domingos2
Bilder auswählen
• Die Bilder vernünftig zuschneiden bzw. so
auswählen, dass das Bildobjekt gut zu erkennen und
vom Hintergrund zu unterscheiden ist.
• Einen klaren Fokus auf das Bildobjekt legen.
• einfache Bilder mit wenigen Elementen bevorzugen
• kontraststarke vor kontrastarmen Bildern
bevorzugen
#bcbn16 @domingos2
Bilder beschreiben
• Blinde und stark
Sehbehinderte brauchen eine
Beschreibung des Bildes.
• Mit den meisten
Redaktionssystemen kann
man den Alternativtext sowie
Titel und Bildbeschreibung
angeben.
• -> Beispiel: Die Grafik zeigt
zwei Hullkurven sowie Icons
zur Audiobearbeitung.
#bcbn16 @domingos2
Bildbeschreibungen
• Der Alternativtext wird Blinden vorgelesen.
• Der Titel erscheint, wenn man mit der Maus über
das Bild fährt.
Die Bildunterschrift ist für alle lesbar und wird
zumeist direkt unter dem Bild angezeigt.
• Die Bildbeschreibung sollte dem Nicht-Sehenden
vermitteln, was auf dem Bild zu sehen ist: „Der
Eifelturm bei Nacht“, „Hans-Dieter bohrt in der
Nase“ – auf Details muss man nur eingehen, wenn
sie im konkreten Zusammenhang wichtig sind.
#bcbn16 @domingos2
Audio/Video
 Unzureichende Soundqualität
erschwert die Verständlichkeit
für Schwerhörige/in lauten
Umgebungen.
 Zu schwach oder stark
ausgeleuchtete sowie
verwackelte Videos erschweren
die Erkennbarkeit.
 Flackern, plötzliche
Lautstärkeänderungen usw.
stören Autisten.
 Text in Videos wird von Blinden
nicht wahrgenommen und ist für
Sehbehinderte schlecht lesbar.
#bcbn16 @domingos2
Ausreichende Aufnahmequalität
• Die Aufnahmequalität sollte ausreichend sein, damit
das Video auch auf einem Smartphone noch gut
erkenn- und anhörbar ist. Verlasst euch nicht zu sehr
auf die Nachbearbeitung.
• Vermeidet unnötige Effekte und Störungen bei der
Aufnahme.
• Beseitigt soweit möglich Störungen in der
Nachbearbeitung. Alle Textinhalte sollten auch auditiv
ausgegeben werden.
• Untertitel für Gehörlose und Audiokommentare für
Blinde sorgen für eine breitere Zielgruppe eurer Videos.
#bcbn16 @domingos2
Untertitel
• Für Schwerhörige und
Gehörlose sollten
Untertitel eingebaut
werden,
• YouTube erlaubt die
Erstellung von
Untertiteln direkt im
Video-Editor.
#bcbn16 @domingos2
Audiodeskription
• Die Audiodeskription ist
eine Beschreibung des
visuellen Filminhalts für
Blinde, die Inhalte werden
von einer Stimme auf dem
Off beschrieben.
• Das ist vor allem nötig für
Inhalte mit geringem
Sprachanteil. Ist das nicht
möglich, solltet ihr wichtige
Bereiche des Filmes verbal
beschreiben.
#bcbn16 @domingos2
Audio - Texttranskript
• Für Gehörlose und Eilige sollten Audios in
Text transkribiert werden, z.B. mit
Unterstützung einer Sprachumwandlungs-
Software.
• Das Textranskript ist eine vollständige
Verschriftlichung des Audio-Inhalts.
Testen
#bcbn16 @domingos2
Automatisch
• Es gibt verschiedene
automatische Testtolls im
Internet, z.B. Wave von WebAIM.
• Die Tests richten sich vor allem
an Entwickler und setzen teils
viel Kenntnis voraus, für Laien
liefern sie erste Anhaltspunkte.
• Nur ein Teil der Anforderungen
kann durch automatische Tests
überprüft werden. Der Test
erkennt zum Beispiel, ob ein
Alternativtext eingefügt wurde,
aber nicht, ob dieser sinnvoll ist.
• Der AccessMonitor erleichtert
die Fehlersuche in Wordpress.
#bcbn16 @domingos2
Händisch testen
• Es gibt diverse
Testverfahren, die mit
moderaten
Technikkenntnissen
durchgeführt werden
können.
• Dazu gehört der BITV-
Test.
#bcbn16 @domingos2
Tests mit lebenden Objekten
• Ihr könnt natürlich auch versuchen, echte
Personen für eure Tests zu gewinnen.
• Sie schauen sich die Inhalte natürlich aus
ihrer persönlichen Perspektive an, können
aber wertvolle Verbesserungshinweise
liefern.
• Überlegt euch, ob und was ihr den Testern
im Gegenzug anbieten könnt.
#bcbn16 @domingos2
Allgemeine Tipps
• klare visuelle Achsen schaffen
Übersichtlichkeit für Sehbehinderte
• Weniger schadet nie, vollgeladene
Webseiten sind out und erhöhen die
Wahrscheinlichkeit, dass eines
derElemente nicht barrierefrei ist
• CAPTCHAs sind so gut wie nie. Sie
überfordern auch viele Behinderte
(Beispiel Amazon, eBay…).
barrierefrei.
• Dynamische und interaktive
Bereiche sind besonders
problemanfällig und sollten
besonders geprüft werden.
#bcbn16 @domingos2
Die Systemwahl
• Die großen Open-Source-
Redaktionssysteme wie Wordpress,
Drupal und Joomla! Sind sowohl im
Frontend als auch im Backend relativ
barrierefrei und nehmen einem daher viel
Arbeit ab. Ählniches gilt für große
Frameworks wie Jquery.
• Im Zweifelsfall achten große
internationale Player eher auf
Barrierefreiheit als Systeme mit geringer
Verbreitung oder mit kommerziellem
Hintergrund.
• Ausnahmen bestätigen die Regel – daher
im Vorfeld recherchieren. Wer keine Infos
zur Barrierefreiheit seines Systems
bereit hält, hat sich sehr wahrscheinlich
auch nicht mit dieser Frage beschäftigt.
Danke
Fragen?!

Weitere ähnliche Inhalte

Andere mochten auch

Physical therapist
Physical therapistPhysical therapist
Physical therapistalsexton5
 
Mobile Relaunch - Praxistipps zur Entwicklung einer mobilen Website
Mobile Relaunch - Praxistipps zur Entwicklung einer mobilen WebsiteMobile Relaunch - Praxistipps zur Entwicklung einer mobilen Website
Mobile Relaunch - Praxistipps zur Entwicklung einer mobilen WebsiteAndré Goldmann
 
Relaunch Corporate Website: Arbeitsweise und Vorgehen JP│KOM
Relaunch Corporate Website: Arbeitsweise und Vorgehen JP│KOMRelaunch Corporate Website: Arbeitsweise und Vorgehen JP│KOM
Relaunch Corporate Website: Arbeitsweise und Vorgehen JP│KOMJP KOM GmbH
 
Q-2 - Website Relaunch: Vom Entschluss bis zum Go-Live
Q-2 - Website Relaunch: Vom Entschluss bis zum Go-LiveQ-2 - Website Relaunch: Vom Entschluss bis zum Go-Live
Q-2 - Website Relaunch: Vom Entschluss bis zum Go-LiveUnic
 
Website-Relaunch: Eine unendliche SEO-Geschichte – SEO DAY
Website-Relaunch: Eine unendliche SEO-Geschichte – SEO DAYWebsite-Relaunch: Eine unendliche SEO-Geschichte – SEO DAY
Website-Relaunch: Eine unendliche SEO-Geschichte – SEO DAYRené Dhemant
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung Martin Reiher
 

Andere mochten auch (10)

Ch 6 6.4
Ch 6  6.4Ch 6  6.4
Ch 6 6.4
 
Marcello
MarcelloMarcello
Marcello
 
Քիմիան և Համացանցը.
Քիմիան և Համացանցը. Քիմիան և Համացանցը.
Քիմիան և Համացանցը.
 
Physical therapist
Physical therapistPhysical therapist
Physical therapist
 
Mobile Relaunch - Praxistipps zur Entwicklung einer mobilen Website
Mobile Relaunch - Praxistipps zur Entwicklung einer mobilen WebsiteMobile Relaunch - Praxistipps zur Entwicklung einer mobilen Website
Mobile Relaunch - Praxistipps zur Entwicklung einer mobilen Website
 
Relaunch Corporate Website: Arbeitsweise und Vorgehen JP│KOM
Relaunch Corporate Website: Arbeitsweise und Vorgehen JP│KOMRelaunch Corporate Website: Arbeitsweise und Vorgehen JP│KOM
Relaunch Corporate Website: Arbeitsweise und Vorgehen JP│KOM
 
Q-2 - Website Relaunch: Vom Entschluss bis zum Go-Live
Q-2 - Website Relaunch: Vom Entschluss bis zum Go-LiveQ-2 - Website Relaunch: Vom Entschluss bis zum Go-Live
Q-2 - Website Relaunch: Vom Entschluss bis zum Go-Live
 
Session bchh13
Session bchh13Session bchh13
Session bchh13
 
Website-Relaunch: Eine unendliche SEO-Geschichte – SEO DAY
Website-Relaunch: Eine unendliche SEO-Geschichte – SEO DAYWebsite-Relaunch: Eine unendliche SEO-Geschichte – SEO DAY
Website-Relaunch: Eine unendliche SEO-Geschichte – SEO DAY
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung
 

Ähnlich wie Crashkurs digitale barrierefreiheit

Barrierefreie lehr und lernmaterialien
Barrierefreie lehr  und lernmaterialienBarrierefreie lehr  und lernmaterialien
Barrierefreie lehr und lernmaterialienDomingos de Oliveira
 
Online Volunteering mit Behinderung
Online Volunteering mit BehinderungOnline Volunteering mit Behinderung
Online Volunteering mit Behinderungfoulder
 
Jugend-Seelsorge im Social Web
Jugend-Seelsorge im Social WebJugend-Seelsorge im Social Web
Jugend-Seelsorge im Social WebAlexander Ebel
 
Blind auf Facebook - behinderte Menschen im Web 2.0
Blind auf Facebook - behinderte Menschen im Web 2.0Blind auf Facebook - behinderte Menschen im Web 2.0
Blind auf Facebook - behinderte Menschen im Web 2.0Domingos de Oliveira
 
Vernetzte Öffentlichkeiten 2013, Sitzung 9, "Kompetenzen in und für vernetzte...
Vernetzte Öffentlichkeiten 2013, Sitzung 9, "Kompetenzen in und für vernetzte...Vernetzte Öffentlichkeiten 2013, Sitzung 9, "Kompetenzen in und für vernetzte...
Vernetzte Öffentlichkeiten 2013, Sitzung 9, "Kompetenzen in und für vernetzte...Jan Schmidt
 
Singold Bote, hyperlocal blogging since 2009
Singold Bote, hyperlocal blogging since 2009Singold Bote, hyperlocal blogging since 2009
Singold Bote, hyperlocal blogging since 2009Michael Wenzl
 
Weiterbildung kirchliche JugendleiterInnen ÖAkJl
Weiterbildung kirchliche JugendleiterInnen ÖAkJlWeiterbildung kirchliche JugendleiterInnen ÖAkJl
Weiterbildung kirchliche JugendleiterInnen ÖAkJlThemaTisch
 
Heureka! Bibliotheken erobern den digitalen Raum
Heureka! Bibliotheken erobern den digitalen Raum Heureka! Bibliotheken erobern den digitalen Raum
Heureka! Bibliotheken erobern den digitalen Raum Wibke Ladwig
 
Digitalstorytelling Workshop Vision Summit 2012
Digitalstorytelling Workshop Vision Summit 2012Digitalstorytelling Workshop Vision Summit 2012
Digitalstorytelling Workshop Vision Summit 2012betterplace lab
 
Keynote fbk-symposium
Keynote fbk-symposiumKeynote fbk-symposium
Keynote fbk-symposiumBob Blume
 
Was ist der Reiz am neuen Netz?
Was ist der Reiz am neuen Netz?Was ist der Reiz am neuen Netz?
Was ist der Reiz am neuen Netz?Jan Schmidt
 

Ähnlich wie Crashkurs digitale barrierefreiheit (20)

Barrierefreie lehr und lernmaterialien
Barrierefreie lehr  und lernmaterialienBarrierefreie lehr  und lernmaterialien
Barrierefreie lehr und lernmaterialien
 
Was bedeutet blindheit
Was bedeutet blindheitWas bedeutet blindheit
Was bedeutet blindheit
 
Social Media für Non-Profits
Social Media für Non-ProfitsSocial Media für Non-Profits
Social Media für Non-Profits
 
Sven Dunker Im Zentrum stehen die Bewohner
Sven Dunker Im Zentrum stehen die BewohnerSven Dunker Im Zentrum stehen die Bewohner
Sven Dunker Im Zentrum stehen die Bewohner
 
Online Volunteering mit Behinderung
Online Volunteering mit BehinderungOnline Volunteering mit Behinderung
Online Volunteering mit Behinderung
 
Jugend-Seelsorge im Social Web
Jugend-Seelsorge im Social WebJugend-Seelsorge im Social Web
Jugend-Seelsorge im Social Web
 
4 1 erk-2013
4 1 erk-20134 1 erk-2013
4 1 erk-2013
 
Blind auf Facebook - behinderte Menschen im Web 2.0
Blind auf Facebook - behinderte Menschen im Web 2.0Blind auf Facebook - behinderte Menschen im Web 2.0
Blind auf Facebook - behinderte Menschen im Web 2.0
 
Vernetzte Öffentlichkeiten 2013, Sitzung 9, "Kompetenzen in und für vernetzte...
Vernetzte Öffentlichkeiten 2013, Sitzung 9, "Kompetenzen in und für vernetzte...Vernetzte Öffentlichkeiten 2013, Sitzung 9, "Kompetenzen in und für vernetzte...
Vernetzte Öffentlichkeiten 2013, Sitzung 9, "Kompetenzen in und für vernetzte...
 
Singold Bote, hyperlocal blogging since 2009
Singold Bote, hyperlocal blogging since 2009Singold Bote, hyperlocal blogging since 2009
Singold Bote, hyperlocal blogging since 2009
 
Weiterbildung kirchliche JugendleiterInnen ÖAkJl
Weiterbildung kirchliche JugendleiterInnen ÖAkJlWeiterbildung kirchliche JugendleiterInnen ÖAkJl
Weiterbildung kirchliche JugendleiterInnen ÖAkJl
 
Heureka! Bibliotheken erobern den digitalen Raum
Heureka! Bibliotheken erobern den digitalen Raum Heureka! Bibliotheken erobern den digitalen Raum
Heureka! Bibliotheken erobern den digitalen Raum
 
Digitalstorytelling Workshop Vision Summit 2012
Digitalstorytelling Workshop Vision Summit 2012Digitalstorytelling Workshop Vision Summit 2012
Digitalstorytelling Workshop Vision Summit 2012
 
Social Media Basics
Social Media BasicsSocial Media Basics
Social Media Basics
 
SoMeMa kennen, verstehen, nutzen
SoMeMa kennen, verstehen, nutzenSoMeMa kennen, verstehen, nutzen
SoMeMa kennen, verstehen, nutzen
 
Leitfaden für ehrenamtliche flüchtlingshilfe
Leitfaden für ehrenamtliche flüchtlingshilfeLeitfaden für ehrenamtliche flüchtlingshilfe
Leitfaden für ehrenamtliche flüchtlingshilfe
 
Kurz du dich fassen musst: Netiquette, die Regeln im Netz
Kurz du dich fassen musst: Netiquette, die Regeln im NetzKurz du dich fassen musst: Netiquette, die Regeln im Netz
Kurz du dich fassen musst: Netiquette, die Regeln im Netz
 
Keynote fbk-symposium
Keynote fbk-symposiumKeynote fbk-symposium
Keynote fbk-symposium
 
Was ist der Reiz am neuen Netz?
Was ist der Reiz am neuen Netz?Was ist der Reiz am neuen Netz?
Was ist der Reiz am neuen Netz?
 
Tabu Themen
 Tabu Themen Tabu Themen
Tabu Themen
 

Mehr von Domingos de Oliveira

Als Sehender die Blindenschrift lernen - eine Einführung
Als Sehender die Blindenschrift lernen - eine EinführungAls Sehender die Blindenschrift lernen - eine Einführung
Als Sehender die Blindenschrift lernen - eine EinführungDomingos de Oliveira
 
Meine organisation soll barrierefrei werden
Meine organisation soll barrierefrei werdenMeine organisation soll barrierefrei werden
Meine organisation soll barrierefrei werdenDomingos de Oliveira
 
Mein angebot soll barrierefrei werden
Mein angebot soll barrierefrei werdenMein angebot soll barrierefrei werden
Mein angebot soll barrierefrei werdenDomingos de Oliveira
 
Wie barrierefrei ist meine website? Ein Vortrag für die republica 2017
Wie barrierefrei ist meine website? Ein Vortrag für die  republica 2017Wie barrierefrei ist meine website? Ein Vortrag für die  republica 2017
Wie barrierefrei ist meine website? Ein Vortrag für die republica 2017Domingos de Oliveira
 
Wie barrierefrei ist meine website
Wie barrierefrei ist meine websiteWie barrierefrei ist meine website
Wie barrierefrei ist meine websiteDomingos de Oliveira
 
Barrierefreiheit in Multimedia - und warum jeder profitiert
Barrierefreiheit in Multimedia - und warum jeder profitiertBarrierefreiheit in Multimedia - und warum jeder profitiert
Barrierefreiheit in Multimedia - und warum jeder profitiertDomingos de Oliveira
 
Barrierefreies internet - Tipps und Tools
Barrierefreies internet - Tipps und ToolsBarrierefreies internet - Tipps und Tools
Barrierefreies internet - Tipps und ToolsDomingos de Oliveira
 
Screenreader für sehende - eine Anleitung für NVDA
Screenreader für sehende - eine Anleitung für NVDAScreenreader für sehende - eine Anleitung für NVDA
Screenreader für sehende - eine Anleitung für NVDADomingos de Oliveira
 
Behindert der datenschutz innovationen?
Behindert der datenschutz innovationen?Behindert der datenschutz innovationen?
Behindert der datenschutz innovationen?Domingos de Oliveira
 
Corporate social responsibility und barrierefreiheit
Corporate social responsibility und barrierefreiheitCorporate social responsibility und barrierefreiheit
Corporate social responsibility und barrierefreiheitDomingos de Oliveira
 
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzenGraswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzenDomingos de Oliveira
 
Barrierefreiheit im Unternehmen umsetzen
Barrierefreiheit im Unternehmen umsetzenBarrierefreiheit im Unternehmen umsetzen
Barrierefreiheit im Unternehmen umsetzenDomingos de Oliveira
 

Mehr von Domingos de Oliveira (20)

Als Sehender die Blindenschrift lernen - eine Einführung
Als Sehender die Blindenschrift lernen - eine EinführungAls Sehender die Blindenschrift lernen - eine Einführung
Als Sehender die Blindenschrift lernen - eine Einführung
 
Meine organisation soll barrierefrei werden
Meine organisation soll barrierefrei werdenMeine organisation soll barrierefrei werden
Meine organisation soll barrierefrei werden
 
Mein angebot soll barrierefrei werden
Mein angebot soll barrierefrei werdenMein angebot soll barrierefrei werden
Mein angebot soll barrierefrei werden
 
Wie barrierefrei ist meine website? Ein Vortrag für die republica 2017
Wie barrierefrei ist meine website? Ein Vortrag für die  republica 2017Wie barrierefrei ist meine website? Ein Vortrag für die  republica 2017
Wie barrierefrei ist meine website? Ein Vortrag für die republica 2017
 
Einfach barrierefrei
Einfach barrierefreiEinfach barrierefrei
Einfach barrierefrei
 
Behinderte im Storytelling
Behinderte im StorytellingBehinderte im Storytelling
Behinderte im Storytelling
 
Wie barrierefrei ist meine website
Wie barrierefrei ist meine websiteWie barrierefrei ist meine website
Wie barrierefrei ist meine website
 
Barrierefreiheit in Multimedia - und warum jeder profitiert
Barrierefreiheit in Multimedia - und warum jeder profitiertBarrierefreiheit in Multimedia - und warum jeder profitiert
Barrierefreiheit in Multimedia - und warum jeder profitiert
 
Barrierefreies internet - Tipps und Tools
Barrierefreies internet - Tipps und ToolsBarrierefreies internet - Tipps und Tools
Barrierefreies internet - Tipps und Tools
 
Barrierefreie dokumente
Barrierefreie dokumenteBarrierefreie dokumente
Barrierefreie dokumente
 
Barrierefreiheit im newsletter
Barrierefreiheit im newsletterBarrierefreiheit im newsletter
Barrierefreiheit im newsletter
 
Barrierefreiheit in eBooks
Barrierefreiheit in eBooksBarrierefreiheit in eBooks
Barrierefreiheit in eBooks
 
Screenreader für sehende - eine Anleitung für NVDA
Screenreader für sehende - eine Anleitung für NVDAScreenreader für sehende - eine Anleitung für NVDA
Screenreader für sehende - eine Anleitung für NVDA
 
Grassroots accessibility
Grassroots accessibilityGrassroots accessibility
Grassroots accessibility
 
Semantik im web
Semantik im webSemantik im web
Semantik im web
 
Behindert der datenschutz innovationen?
Behindert der datenschutz innovationen?Behindert der datenschutz innovationen?
Behindert der datenschutz innovationen?
 
Corporate social responsibility und barrierefreiheit
Corporate social responsibility und barrierefreiheitCorporate social responsibility und barrierefreiheit
Corporate social responsibility und barrierefreiheit
 
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzenGraswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
Graswurzel barrierefreiheit - Barrierefreiheit von unten durchsetzen
 
Barrierefreiheit im Unternehmen umsetzen
Barrierefreiheit im Unternehmen umsetzenBarrierefreiheit im Unternehmen umsetzen
Barrierefreiheit im Unternehmen umsetzen
 
Vorträge inklusiv
Vorträge inklusivVorträge inklusiv
Vorträge inklusiv
 

Crashkurs digitale barrierefreiheit

  • 1. Crashkurs Barrierefreiheit Domingos de Oliveira www.netz-barrierefrei.de Twitter @domingos2 BarCamp Bonn 2016
  • 2. #bcbn16 @domingos2 Überblick • Barrierefreiheit und Behinderung • Texte • Bilder • Multimedia • Weitere Tipps Die größten Barrieren und wie man sie beseitigt.
  • 3. #bcbn16 @domingos2 Wie viele Behinderte gibt es? • Ca. 1,1 Millionen Sehbehinderte • Ca. 15 Mio. Schwerhörige und Gehörlose • ca. 7,5 Mio. funktionale Analphabeten • Hohe Zahl von Menschen mit kognitiven Einschränkungen (ADHS, Dyslexie, Legasthemie, dementielle Erkrankungen…) - damit einher gehen Gedächtnisprobleme, Konzentrations- und Lernprobleme, Unsicherheit bei Technik…
  • 4. #bcbn16 @domingos2 Barrierefreiheit? • Barrierefreiheit heißt Usability für die größtmögliche Gruppe an Menschen. • Nicht jeder braucht Barrierefreiheit, aber alle profitieren davon.
  • 6. #bcbn16 @domingos2 Text – zu klein oder zu groß Du siehst zwar, dass da Text steht, aber gut lesbar ist das nicht oder? Wäre doch wesentlich einfacher, wenn der Text ein wenig größer wäre. Da ist es doch wesentlich leichter, großen Text zu lesen. Leider machen sich viele Nutzer nicht die Mühe, die Textgröße anzupassen. • Zu kleiner Text ist schlecht lesbar. • Zu großer Text kann für Sehbehinderte mit Gesichtsfeld- Ausfällen schwierig sein. • Auf mobilen Geräten ist der Inhalt oft nicht erkennbar (mangelnde Responsivität). • Der Text lässt sich nicht ausreichend vergrößern, um auf kleinen Displays noch gut lesbar zu sein. • Alle Texte – auch in Bildern oder Buttons – sollten ausreichend groß sein, um z.B. auf einem kleinen Smartphone noch gut lesbar zu sein.
  • 7. #bcbn16 @domingos2 Textfluss "Für 10 Prozent der Bevölkerung ist Barrierefreiheit absolut unentbehrlich -für 30-40 Prozent ist sie notwendig -und für 100 Prozent der Gesellschaft ist eine barrierefreie Umgebung komfortabel und ein Qualitätsmerkmal" "Für 10 Prozent der Bevölkerung ist Barrierefreiheit absolut unentbehrlich - für 30-40 Prozent ist sie notwendig - und für 100 Prozent der Gesellschaft ist eine barrierefreie Umgebung komfortabel und ein Qualitätsmerkmal" • Blocksatz erschwert die Orintierung in lngen Texten. • Optimal ist der linksbündige Flattersatz, die ungleichen Zeilenlängen erleichtern das Auffinden verlorener Stellen.
  • 8. #bcbn16 @domingos2 Exotische Schriften Was zurHölle steht hier geschrieben? Was zur Hölle steht hier geschrieben? • Serifenschriften und exotische Schriften verschlechtern die Lesbarkeit. • Verwenden Sie durchgängig eine gut lesbare Schrift wie Arial, Calibri und Ähnliches. • Ihr könnt auch Schriftarten verwenden, die diesen Schriften ähnlich sind.
  • 9. #bcbn16 @domingos2 Zu geringer Kontrast "Für 10 Prozent der Bevölkerung ist Barrierefreiheit absolut unentbehrlich - für 30-40 Prozent ist sie notwendig - und für 100 Prozent der Gesellschaft ist eine barrierefreie Umgebung komfortabel und ein Qualitätsmerkmal.“ • Die Schriftfarbe bietet nicht ausreichend Kontrast zum Hintergrund. • Störend sind auch Hintergrund-Effekte wie Farbverläufe und Hintergrundbilder.
  • 10. #bcbn16 @domingos2 Störende Effekte • Störend sind zum Beispiel Schrifteffekte wie Lauf- und Blinkschrift oder diagonal oder horizontal verlaufender Text • Störend sind auch dynamische Elemente wie endlos flackernde Flash- und GIF-Animationen, Bewegung auf dem Screen zieht das Auge automatisch an und stört so die Konzentration.
  • 12. #bcbn16 @domingos2 Textlänge Soziale Barrierefreiheit – wir schaffen das! 31. Januar 2016Barrierefreiheit & Zugänglichkeit Und wieder geht ein langer Tag mit einem Open Transfer Camp Inklusion zu Ende. Es lohnt sich immer wieder, an dieser Veranstaltung teilzunehmen. An dieser Stelle ein herzlicher Dank an das Orga-Team der Stiftung Bürgermut, das wie immer einen tollen Job gemacht hat. Meine Session war wie immer fantastisch besucht – aber Scherz beiseite, ich hoffe, ich habe ein paar Leute zur digitalen Barrierefreiheit bekehrt. Mein Ausflug nach München hat mich wieder mal an die Wichtigkeit sozialer Barrierefreiheit erinnert. Natürlich ist es wichtig, digitale Barrierefreiheit sicherzustellen. Es ist aber vielleicht noch wichtiger, soziale Barrierefreiheit zuschaffen. Was meine ich damit? Wenn ich in einer fremden Stadt unterwegs bin, nutze ich normalerweise Taxis – die Kosten kann ich zumeist meinem Auftraggeber aufs Auge drücken. Die Nutzung öffentlicher Verkehrsmittel ist für einen Blinden sehr stressig. Zunächst muss er überhaupt erst Mal den Haltepunkt finden, also den Busbahnhof oder die S-Bahn-Haltestelle. Dann muss er herausfinden, ob es die richtige Richtung ist. Eingestiegen ist es manchmal schwierig, die Durchsagen zu verstehen, ich behelfe mir dabei, vorher die Zahl der Haltestellen herauszufinden, die zwischen Abfahrt und Ziel liegen und ggf. nachzufragen. In München habe ich das anders gemacht. Ich habe ein Jahr dort gelebt und es erschien mir absurd, dort ein Taxi zu nehmen. Andererseits ist das schon wieder acht Jahre her und die Gegend, zu der es ging, habe ich nie bewusst betreten. Obwohl ich mich rudimentär auskannte, musste ich mich durchfragen: Durchfragen zur Straßenbahn-Haltestelle, durchfragen zum Hotel, Durchfragen zum Veranstaltungsort. Lustigerweise kannte ich am Ende als Blinder den Weg zum Veranstaltungsort besser als meine sehenden Kollegen. Nun muss man wissen, dass es für Blinde oft schwierig ist, nach Hilfe zu fragen. Erstmal müssen sie überhaupt einen Menschen erwischen, was in einer belebten Straße gar nicht einfach ist. Dann gibt es Leute, die keine Lust zu helfen haben. Nun gibt es Leute, die niemandem helfen würden und Leute, die keine Lust haben, Blinden zu helfen. Ich glaube aber, dass die Mehrheit der Leute durchaus bereit ist, anderen Menschen zu helfen. Sie würden gerne helfen, wissen aber nicht, was sie tun können bzw. wo die Person Probleme hat. Soziale Barrierefreiheit heißt, bei Nicht-Behinderten ein Bewusstsein dafür zu schaffen, wo es konkrete Barrieren gibt und was man tun kann, um sie zu beseitigen. Das gilt nicht nur für Nicht-Behinderte. Bei vielen Körperbehinderten herrscht Ahnungslosigkeit über die Bedürfnisse Sinnes- oder Lernbehinderter. Das mag auch umgekehrt so sein, das kann ich nicht einschätzen. Die Sensiblisierung für Barrieren ist ein wichtiges Thema, was auch in allen Sessions angeklungen ist, die ich besucht habe. Es gibt keinen Zauberweg für diese Aufgabe. Vor allem müssen Behinderte stärker in die Mitte der Gesellschaft und ein Stück Öffentlichkeitsarbeit in eigener Sache leisten. Wichtig ist außerdem, dass mehr Öffentlichkeitsarbeit dazu stattfindet. Ich habe mir einen Google Alert zum Thema Leichte Sprache gesetzt. Es gibt fast täglich Berichte in Lokalzeitunngen über Projekte oder Broschüren in Leichter Sprache. Im Fernsehen wird hingegen in Sendungen ohne expliziten Behinderungsbezug selten etwas über Behinderte berichtet, was über die übliche Opfer-Schematik hinausgeht. Auch die Öffentlich- Rechtlichen machen da keine gute Figur. Last not least muss man aus den Spezialveranstaltungen heraus und auf Veranstaltungen mit anderen Schwerpunkten gehen. Es gibt ja mittlerweile recht wenige Veranstaltungen mit dem Thema digitale Barrierefreiheit, von dem her haben die Experten mehr Zeit, auf Konferenzen ohne expliziten Behinderungsbezug zu gehen. es gibt z.B. unheimlich viele Konferenzen mit dem Thema Online-Marketing. Warum nicht einmal dort hingehen und den Personen mitteilen, wie schlecht zugänglich ihr Marketing für Sinnesbehinderte ist? Die Barrierefreiheits-Community könnte unheimlich viel zum Thema Usability oder Mensch-Maschine-Interaktion beitragen. Wir haben Sprachausgaben, Spracheingaben oder Eye-Tracking benutzt, lange bevor das iPhone das Licht der Welt erblickte. Ich will aber nicht verschweigen, dass es schon viele gute Ansätze gibt. OpenStreetMap versucht, barrierefreie Orte zu markieren, es gibt viele Behinderte, die in Schulen gehen, um Aufklärungsarbeit zu leisten. Oftmals kommt es nur darauf an, gute Aktionen weiter zu verbreiten und mehr Leute zu gewinnen, die dabei mitmachen. Last not least müssen wir bei allen Menschen das Bewusstsein dafür stärken, dass wir alle einmal auf Hilfe angewiesen sind – und das nichts Schlimmes daran ist, nach Hilfe zu fragen oder sie anzunehmen. Ich höre immer wieder, wie Blinde Hilfeangebote relativ schroff abgewiesen haben oder das ein Hilfeangebot als tödliche Beleidigung aufgefasst wurde. Das ist in gewisser Weise verständlich, aber auch schizophren. Man beschwert sich, wenn man ungefragt Hilfe bekommt , dann beschwert man sich, wenn mankeine Hilfe angeboten bekommt. Blinde müssen lernen, Hilfe richtig zu erbitten und auch richtig abzulehnen. Es kommt darauf an, konkrete Fragen zu stellen, freundlich zu sein und nicht die Hilflosigkeit in Person zu spielen, denn zu komplexe Anforderungen überfordern die Leute oftmals. Und man sollte nicht beleidigt sein, wenn die Hilfe nicht oder nicht in der Form kommt, wie man sie gerne hätte. Die Leute sind nicht dazu da, uns von A nach B zu bringen, damit müssen wir leben lernen. • Unnötig lange und schlecht strukturierte Texte überfordern Lese- Unerfahrene und führen zu Leseabbrüchen. • Ein Text hat dann die optimale Länge wenn ihr nichts mehr wegkürzen könnt, ohne den Informationsgehalt zu verringern.
  • 13. #bcbn16 @domingos2 Text – visuelle Struktur • Unredigierte Texte weisen zu lange Sätze, Absätze und eine schlechte Informationsstruktur auf. • Es fehlen Überschriften und in Listen strukturierte Informationen.
  • 14. #bcbn16 @domingos2 Text – informationelle Struktur • Ein Gedanke pro Satz, ein Gedankengang pro Absatz • Texte sauber strukturieren – first things first, das Wichtige an den Anfang stellen (siehe journalistische W-Fragen) • Zwischenüberschriften, Listen und andere Hilfen verwenden, um den Text visuell zu strukturieren • Bei umfangreichen Texten Inhaltsverzeichnisse wie bei der Wikipedia anlegen
  • 15. #bcbn16 @domingos2 Text – sprachliche Verständlichkeit • Fachbegriffe vermeiden oder erklären, evtl. nötiges Vorwissen verlinken • Texte und Absätze kurz halten • Gedanken strukturieren und für den Leser Unwichtiges weglassen, auch wenn es dir weh tut.
  • 17. Bilder - Aufnahmequalität • Unscharfe Bilder sind auf für Sehbehinderte schlecht erkennbar • Sieht man ohnehin unscharf, wird das durch unscharfe Bilder leider nicht ausgeglichen. • Bilder sollten von Anfang an gut aufgenommen bzw. entsprechend ausgewählt werden. #bcbn16 @domingos2
  • 18. #bcbn16 @domingos2 Bilder - unübersichtlich • Bilder mit zu vielen Elementen oder unklarem Fokus können die Erkennbarkeit für Sehbehinderte verschlechtern. • Für Sehbehinderte ist es schwer, größere Flächen auf einen Blick zu erfassen.
  • 19. #bcbn16 @domingos2 Bilder auswählen • Die Bilder vernünftig zuschneiden bzw. so auswählen, dass das Bildobjekt gut zu erkennen und vom Hintergrund zu unterscheiden ist. • Einen klaren Fokus auf das Bildobjekt legen. • einfache Bilder mit wenigen Elementen bevorzugen • kontraststarke vor kontrastarmen Bildern bevorzugen
  • 20. #bcbn16 @domingos2 Bilder beschreiben • Blinde und stark Sehbehinderte brauchen eine Beschreibung des Bildes. • Mit den meisten Redaktionssystemen kann man den Alternativtext sowie Titel und Bildbeschreibung angeben. • -> Beispiel: Die Grafik zeigt zwei Hullkurven sowie Icons zur Audiobearbeitung.
  • 21. #bcbn16 @domingos2 Bildbeschreibungen • Der Alternativtext wird Blinden vorgelesen. • Der Titel erscheint, wenn man mit der Maus über das Bild fährt. Die Bildunterschrift ist für alle lesbar und wird zumeist direkt unter dem Bild angezeigt. • Die Bildbeschreibung sollte dem Nicht-Sehenden vermitteln, was auf dem Bild zu sehen ist: „Der Eifelturm bei Nacht“, „Hans-Dieter bohrt in der Nase“ – auf Details muss man nur eingehen, wenn sie im konkreten Zusammenhang wichtig sind.
  • 22. #bcbn16 @domingos2 Audio/Video  Unzureichende Soundqualität erschwert die Verständlichkeit für Schwerhörige/in lauten Umgebungen.  Zu schwach oder stark ausgeleuchtete sowie verwackelte Videos erschweren die Erkennbarkeit.  Flackern, plötzliche Lautstärkeänderungen usw. stören Autisten.  Text in Videos wird von Blinden nicht wahrgenommen und ist für Sehbehinderte schlecht lesbar.
  • 23. #bcbn16 @domingos2 Ausreichende Aufnahmequalität • Die Aufnahmequalität sollte ausreichend sein, damit das Video auch auf einem Smartphone noch gut erkenn- und anhörbar ist. Verlasst euch nicht zu sehr auf die Nachbearbeitung. • Vermeidet unnötige Effekte und Störungen bei der Aufnahme. • Beseitigt soweit möglich Störungen in der Nachbearbeitung. Alle Textinhalte sollten auch auditiv ausgegeben werden. • Untertitel für Gehörlose und Audiokommentare für Blinde sorgen für eine breitere Zielgruppe eurer Videos.
  • 24. #bcbn16 @domingos2 Untertitel • Für Schwerhörige und Gehörlose sollten Untertitel eingebaut werden, • YouTube erlaubt die Erstellung von Untertiteln direkt im Video-Editor.
  • 25. #bcbn16 @domingos2 Audiodeskription • Die Audiodeskription ist eine Beschreibung des visuellen Filminhalts für Blinde, die Inhalte werden von einer Stimme auf dem Off beschrieben. • Das ist vor allem nötig für Inhalte mit geringem Sprachanteil. Ist das nicht möglich, solltet ihr wichtige Bereiche des Filmes verbal beschreiben.
  • 26. #bcbn16 @domingos2 Audio - Texttranskript • Für Gehörlose und Eilige sollten Audios in Text transkribiert werden, z.B. mit Unterstützung einer Sprachumwandlungs- Software. • Das Textranskript ist eine vollständige Verschriftlichung des Audio-Inhalts.
  • 28. #bcbn16 @domingos2 Automatisch • Es gibt verschiedene automatische Testtolls im Internet, z.B. Wave von WebAIM. • Die Tests richten sich vor allem an Entwickler und setzen teils viel Kenntnis voraus, für Laien liefern sie erste Anhaltspunkte. • Nur ein Teil der Anforderungen kann durch automatische Tests überprüft werden. Der Test erkennt zum Beispiel, ob ein Alternativtext eingefügt wurde, aber nicht, ob dieser sinnvoll ist. • Der AccessMonitor erleichtert die Fehlersuche in Wordpress.
  • 29. #bcbn16 @domingos2 Händisch testen • Es gibt diverse Testverfahren, die mit moderaten Technikkenntnissen durchgeführt werden können. • Dazu gehört der BITV- Test.
  • 30. #bcbn16 @domingos2 Tests mit lebenden Objekten • Ihr könnt natürlich auch versuchen, echte Personen für eure Tests zu gewinnen. • Sie schauen sich die Inhalte natürlich aus ihrer persönlichen Perspektive an, können aber wertvolle Verbesserungshinweise liefern. • Überlegt euch, ob und was ihr den Testern im Gegenzug anbieten könnt.
  • 31. #bcbn16 @domingos2 Allgemeine Tipps • klare visuelle Achsen schaffen Übersichtlichkeit für Sehbehinderte • Weniger schadet nie, vollgeladene Webseiten sind out und erhöhen die Wahrscheinlichkeit, dass eines derElemente nicht barrierefrei ist • CAPTCHAs sind so gut wie nie. Sie überfordern auch viele Behinderte (Beispiel Amazon, eBay…). barrierefrei. • Dynamische und interaktive Bereiche sind besonders problemanfällig und sollten besonders geprüft werden.
  • 32. #bcbn16 @domingos2 Die Systemwahl • Die großen Open-Source- Redaktionssysteme wie Wordpress, Drupal und Joomla! Sind sowohl im Frontend als auch im Backend relativ barrierefrei und nehmen einem daher viel Arbeit ab. Ählniches gilt für große Frameworks wie Jquery. • Im Zweifelsfall achten große internationale Player eher auf Barrierefreiheit als Systeme mit geringer Verbreitung oder mit kommerziellem Hintergrund. • Ausnahmen bestätigen die Regel – daher im Vorfeld recherchieren. Wer keine Infos zur Barrierefreiheit seines Systems bereit hält, hat sich sehr wahrscheinlich auch nicht mit dieser Frage beschäftigt.