
Barrierefreie Websites für Dummies
Beschreibung
Alles über E-Books | Antworten auf Fragen rund um E-Books, Kopierschutz und Dateiformate finden Sie in unserem Info- & Hilfebereich.
Weitere Details
Weitere Ausgaben
Andere Ausgaben

Personen
Nina Jameson ist Informatikerin, Expertin für digitale Barrierefreiheit und Mitgründerin der Gehirngerecht Digital GmbH. Nach vielen Jahren in der Frontend-Entwicklung weiß sie, wie leicht Barrierefreiheit übersehen wird und wie sehr das die Qualität digitaler Produkte beeinflusst. Heute schult sie Teams aus Design, Entwicklung und Content und zeigt, wie Barrierefreiheit zu besserem Code, klarerer Struktur und verständlicheren Inhalten führt. Ihr Ziel ist es, das Bewusstsein für digitale Barrierefreiheit zu stärken, damit gute Software wirklich für alle funktioniert.
Tobias Roppelt
Tobias Roppelt ist nicht nur leidenschaftlicher (UI/UX) Designer, sondern auch Mitgründer der Gehirngerecht Digital GmbH. Seit mehr als einem Jahrzehnt unterstützt er Unternehmen dabei, ihre Webseiten und digitalen Produkte so zu optimieren, dass sie die bestmögliche Nutzererfahrung bieten.
Digitale Barrierefreiheit war für ihn endlich ein Weg, um seine Talente mit etwas Sozialem zu verbinden. Darum hat er sich dazu entschieden, seine Arbeit der Mission zu widmen, das Internet für alle barrierefrei zu gestalten. Tobias will nicht nur helfen, inklusive digitale Produkte zu schaffen, sondern auch für das Thema motivieren und es auf eine einfache und unterhaltsame Weise an die Menschen herantragen.
Christiane Hackl
Christiane Hackl ist Kommunikationsdesignerin und beschäftigt sich seit ihrem Studium intensiv damit, wie man klar kommuniziert und individuell ansprechend gestaltet. Dabei geht es ihr vor allem um ein besseres Miteinander. Diversität wertschätzen und den Dialog suchen sind für sie der Schlüssel dazu. Für die Gehirngerecht Digital gibt sie deshalb unter anderem Vorträge und Schulungen, um Bewusstsein für verschiedenste Lebensrealitäten zu schaffen und praktische Umsetzungsansätze an die Hand zu geben. Mit ihrer Arbeit will sie neue, inklusive Formen der Kommunikation entdecken und vermitteln ? mit dem Ziel, Menschen ein Stück näher zueinander zu bringen.
Inhalt
Über die Autor*innen 9
Einleitung 21
Teil I: Was bedeutet digitale Barrierefreiheit überhaupt? 27
Kapitel 1: Was bedeutet digitale Barrierefreiheit? 29
Kapitel 2: Assistive Technologien: Mit Hilfsmitteln im Netz unterwegs 37
Kapitel 3: Die Web Content Accessibility Guidelines (WCAG) 43
Kapitel 4: Gesetzliche Standards 47
Teil II: Vom Konzept zur Seite: Wie man eine barrierefreie Website erstellt! 57
Kapitel 5: Bevor es losgeht 59
Kapitel 6: Konzeption einer barrierefreien Website 71
Kapitel 7: Digitale Barrierefreiheit im Design 77
Kapitel 8: Digitale Barrierefreiheit in der Entwicklung 135
Kapitel 9: Digitale Barrierefreiheit in der Redaktion 189
Teil III: Meine Seite ist barrierefrei - glaube ich! (Barrierefreiheit testen) 227
Kapitel 10: So testen Sie Ihre Seite auf digitale Barrierefreiheit 229
Kapitel 11: Tools und Plug-ins 243
Teil IV: Alle Kriterien der digitalen Barrierefreiheit im Detail 255
Kapitel 12: Wie die Kriterienübersicht funktioniert 257
Kapitel 13: WCAG-Kriterien für bessere Wahrnehmbarkeit 259
Kapitel 14: WCAG-Kriterien für bessere Bedienbarkeit 301
Kapitel 15: WCAG-Kriterien für bessere Verständlichkeit 331
Kapitel 16: Die WCAG-Kriterien für die Robustheit 347
Kapitel 17: Weitere Kriterien der digitalen Barrierefreiheit 351
Teil V: Top-Ten-Teil 359
Kapitel 18: Zehn Menschen, die Sie auf Ihrem Weg zur digitalen Barrierefreiheit weiterbringen 361
Abbildungsverzeichnis 365
Stichwortverzeichnis 375
Einleitung
Mit großer Wahrscheinlichkeit halten Sie dieses Buch in den Händen, weil Sie - seien wir ehrlich - entweder vom Gesetz, Ihrer Kundschaft oder von Ihrem Unternehmen dazu »motiviert« wurden, sich mit digitaler Barrierefreiheit auseinanderzusetzen. Glücklicherweise haben Sie genau das richtige Buch erwischt, um auch Ihre persönliche Motivation zu steigern - zumindest behaupten wir das frech! Seit Jahren arbeiten wir daran, digitale Barrierefreiheit nicht nur zugänglich, sondern auch so praxisnah und unterhaltsam wie möglich zu vermitteln. Denn - Hand aufs Herz - das Image des Themas muss ein bisschen aufpoliert werden.
Vielleicht haben Sie dieses Buch aber auch aus reiner Neugierde aufgeschlagen und sich ganz eigenständig dazu entschieden, die Welt ein kleines bisschen gerechter und inklusiver für Menschen mit Behinderungen zu machen (damit landen Sie bei uns auf jeden Fall schon mal auf der Liste der Lieblingsmenschen!). In diesem Buch finden Sie alles, was Sie brauchen, um barrierefreie, digitale Erlebnisse zu schaffen, vom Design über die Entwicklung bis hin zu den Inhalten Ihrer Website.
Digitale Barrierefreiheit ist ein riesiges Feld, und um es gleich offen auf den Tisch zu legen, »komplett barrierefrei« wird vermutlich nie etwas sein. Behinderungen und Einschränkungen sind so vielfältig, dass es schier unmöglich ist, jede einzelne Barriere vorherzusehen und vorsorglich aus dem Weg zu räumen. Deshalb orientieren wir uns in diesem Buch an den bewährten Standards der EN 301 459 und der WCAG (Web Content Accessibility Guidelines). Das sind praktischerweise auch die Richtlinien, die Sie einhalten müssen, um den Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG) gerecht zu werden (Keine Sorge, all diese sperrigen Begriffe entpacken wir Stück für Stück!).
Aber wir gehen noch einen Schritt weiter. Dieses Buch bietet Ihnen nicht nur technisches Know-how, sondern auch eine Portion Hintergrundwissen und hoffentlich jede Menge Inspiration für Ihr Vorhaben. Unser Ziel ist es, Sie wirklich dazu zu motivieren, über die bloßen Mindestanforderungen hinauszudenken. Denn digitale Barrierefreiheit ist kein »Nice-to-have«, sondern essenzieller Bestandteil einer digitalen Welt, die jedem ein selbstbestimmtes Leben ermöglichen will. Und wer weiß, vielleicht entdecken Sie dabei sogar, wie viel Spaß es macht, eine inklusivere digitale Zukunft zu gestalten!
Über dieses Buch
Dieses Buch wird Sie auf Ihrer Reise vom absoluten Neuling in der Erstellung barrierefreier Websites bis hin zur fortgeschrittenen Fachkraft begleiten.
Wir wollen ja nicht angeben, aber selbst barrierefreiheitserfahrene Menschen geben uns regelmäßig Feedback, dass unsere Inhalte hilfreich dabei sind, die Feinheiten der Thematik noch besser zu verstehen. Besonders Teil IV des Buches über alle WCAG-Kriterien kann selbst für angehende Profis noch das ein oder andere vernachlässigte Detail aufdecken.
Begleitet werden Sie auf Ihrer Reise durch das Buch nicht nur von charmanten Autor*innen, sondern auch von unseren vier liebenswerten Maskottchen in anschaulichen Illustrationen: Da haben wir den armlosen Armin, die stumme Sam, den blinden Manfred und die taube Tine. (Dem gewieften Leser wird auffallen, dass Manfred keine Alliteration ist. Das liegt daran, dass er nach einer blinden Person in unserem Umfeld benannt wurde.)
Abbildung 0.1: Unsere Maskottchen Armin, Sam, Manfred und Tine
Was Sie nicht lesen müssen
Manche der Texte enthalten zusätzliche Informationen oder vertiefende Erklärungen. Sie sind nützlich, wenn Sie sich besonders detailliert mit dem Thema beschäftigen möchten, aber nicht notwendig, um die grundlegenden Inhalte eines Kapitels zu verstehen. Sie können also übersprungen werden. Diese Textpassagen werden wir für Sie mit einem Symbol kennzeichnen, das wir Ihnen, zusammen mit anderen Hinweissymbolen, in Kürze vorstellen.
Wenn Sie bisher noch nie etwas von digitaler Barrierefreiheit gehört haben, dann arbeiten Sie sich am besten von vorne nach hinten durch das Buch. So bekommen Sie einen umfassenden Überblick darüber, was digitale Barrierefreiheit eigentlich ist, und worauf Sie unbedingt achten sollten (wir haben uns sehr bemüht, alles knackig und unterhaltsam zu halten!).
Sobald Sie dann damit loslegen, Neuerlerntes in der Praxis umzusetzen, oder schon etwas tiefer in der Materie stecken, wird dieses Buch Ihr treuer Begleiter und Nachschlagewerk sein. Sie können es immer wieder zur Hand nehmen, um Lösungen für Probleme zu finden, die Ihnen im Alltag begegnen werden.
Annahmen über die Leserschaft
Damit wir auch mit den gleichen Grundannahmen starten, möchten wir Ihnen gerne mitteilen, für wen wir dieses Buch geschrieben haben. Hier sind unsere Annahmen über Sie:
- Sie designen, entwickeln oder erstellen Inhalte für Websites. Das tun Sie entweder im Team oder allein, als Angestellter oder Freelancerin.
- Sie haben vom Barrierefreiheitsstärkungsgesetz gehört und möchten sich das nötige Wissen aneignen, um zu vermeiden, dass sowohl Sie als auch Ihre Kundschaft mit Bußgeldern rechnen müssen.
- Sie sind offen für Neues, wollen Ihre Arbeit wirklich niemandem vorenthalten und damit etwas fürs Allgemeinwohl tun.
- Sie haben ein paar Grundkenntnisse in HTML oder sind bereit, sich diese anzueignen. Besonders in Kapitel 8 über digitale Barrierefreiheit in der Entwicklung ist zumindest ein Grundverständnis von HTML nötig, um den Beispielen folgen zu können.
- Sie sind intelligent, charmant und liebenswert - und haben Sinn für Humor.
Falls Sie sich in einigen dieser Punkte wiedererkennen, dann haben Sie genau das richtige Buch vor sich!
Wie dieses Buch aufgebaut ist
Die verschiedenen Teile des Buches bauen zwar nicht zwingend aufeinander auf, hängen aber thematisch zusammen und verweisen manchmal aufeinander. Jeder Teil setzt unterschiedliche Schwerpunkte, die für Sie je nach Phase Ihrer Arbeit relevant sein können.
Teil I: Was bedeutet digitale Barrierefreiheit überhaupt?
In diesem Teil geht es darum, erst einmal zu verstehen, welche digitalen Barrieren es gibt, wen sie betreffen und welche Ansätze entwickelt wurden, um diese Barrieren abzubauen. Wir behandeln folgende Themen:
- Was ist digitale Barrierefreiheit und für wen ist digitale Barrierefreiheit wichtig?
- Assistive Technologien: Mit Hilfsmitteln im Netz unterwegs
- Die Web Content Accessibility Guidelines (WCAG)
- Gesetzliche Standards und Normen, die für Sie relevant sind
Teil II: Vom Konzept zur Seite: Wie man eine barrierefreie Website erstellt!
Jetzt wird es praktisch! In diesem Teil erfahren Sie, wie Sie eine barrierefreie Website von Grund auf erstellen können - von der ersten Idee bis zur fertigen Seite. Wir beleuchten dabei folgende Aspekte:
- Bevor es losgeht: Grundlegende Konzepte der Barrierefreiheit
- Die Konzeption einer barrierefreien Website
- Digitale Barrierefreiheit im Design
- Digitale Barrierefreiheit in der Entwicklung
- Digitale Barrierefreiheit in der Redaktion
Teil III: Meine Seite ist barrierefrei . glaube ich (Barrierefreiheit testen)
Ihre Website ist fertig und Sie wollen Gewissheit, dass wir Sie gut beraten haben? Oder Sie möchten eine bestehende Website auf Barrierefreiheit überprüfen? In diesem Teil lernen Sie genau das:
- Welche Testprozesse es gibt
- Hilfreiche Tools und Plug-ins für das Testen
Teil IV: Alle Kriterien der EN 301 549 im Überblick
Am Ende des Tages dreht sich alles um die Einhaltung der bestehenden Standards. Um digitale Barrierefreiheit sicherzustellen, müssen Sie diese Standards verstehen und umsetzen - auch wenn die WCAG nicht gerade leichte Kost sind. Daher brechen wir die Kriterien hier in mundgerechte Stücke herunter (inklusive anschaulicher Beispiele natürlich):
- Kriterien für die Wahrnehmbarkeit der Inhalte
- Kriterien für die Verständlichkeit der Inhalte
- Kriterien für die Bedienbarkeit der Website
- Kriterien für die Robustheit der Website
- Weitere Kriterien der EN
- Die Konformitätsbedingungen einer Website
Teil V: Top-Ten-Teil
In Teil V stellen wir Ihnen zehn Barrierefreiheitsexpert*innen vor, denen Sie folgen sollten.
Aus Platzgründen mussten einige spannende Inhalte aus diesem Buch ausziehen und sind nun unter www.gehirngerecht.digital/dummies zu finden.
Symbole, die in diesem Buch verwendet werden
Damit es für Sie einfacher wird, durch dieses Buch zu navigieren, machen die folgenden Symbole Sie auf bestimmte Informationen aufmerksam:
Informationen mit diesem Symbol müssen Sie nicht unbedingt lesen fürs Gesamtverständnis. Es sind Zusatzinformationen. Hilfreich, aber nicht notwendig.
Diesem Symbol folgt ein Beispiel, damit Sie sich die trockene Theorie besser vorstellen und...
Systemvoraussetzungen
Dateiformat: ePUB
Kopierschutz: Adobe-DRM (Digital Rights Management)
Systemvoraussetzungen:
- Computer (Windows; MacOS X; Linux): Installieren Sie bereits vor dem Download die kostenlose Software Adobe Digital Editions (siehe E-Book Hilfe).
- Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions oder die App PocketBook (siehe E-Book Hilfe).
- E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nicht Kindle)
Das Dateiformat ePUB ist sehr gut für Romane und Sachbücher geeignet – also für „fließenden” Text ohne komplexes Layout. Bei E-Readern oder Smartphones passt sich der Zeilen- und Seitenumbruch automatisch den kleinen Displays an.
Mit Adobe-DRM wird hier ein „harter” Kopierschutz verwendet. Wenn die notwendigen Voraussetzungen nicht vorliegen, können Sie das E-Book leider nicht öffnen. Daher müssen Sie bereits vor dem Download Ihre Lese-Hardware vorbereiten.
Bitte beachten Sie: Wir empfehlen Ihnen unbedingt nach Installation der Lese-Software diese mit Ihrer persönlichen Adobe-ID zu autorisieren!
Weitere Informationen finden Sie in unserer E-Book Hilfe.