Überblick
=========
Zugänglichkeit
--------------
Barrierefreies Design hilft nicht nur Personen mit Einschränkungen, es
bietet auch bessere Erfahrungen für alle. Alle cusy Design-Komponenten
berücksichtigen die `Web Content Accessibility Guidelines (WCAG) 2.0
`_, `Section 508
`_ und europäischen Standards. Die Muster des
cusy Design-System sind für Personen wahrnehmbar, bedienbar und verständlich,
selbst wenn ein Screen-Reader oder andere unterstützende Technologien verwendet
werden.
Die Verwendung des cusy Design System wirkt sich jedoch auch auf die
Zugänglichkeit eines Produkts aus. Lest diese Seite, um mehr über
Barrierefreiheit im Allgemeinen zu erfahren. Verwendet dann während der Arbeit
die rollenspezifischen Richtlinien zur Barrierefreiheit des cusy Design-System,
um Produkte herzustellen, die jede*r verwenden kann.
Damit ein Produkt als zugänglich angesehen werden kann, sollte es
* für alle Personen die gleichen Vorteile erhalten, unabhängig von ihren
Fähigkeiten
* von allem Personen dem jeweiligen Kontext angepasst werden können.
Kategorien von Einschränkungen
------------------------------
Einschränkungen können in drei Haupttypen unterteilt werden:
.. table:: Typen von Einschränkungen
+--------------------------+-----------------------------------------------------+
| Art | Beschreibung |
+==========================+=====================================================+
| situationsbedingt | Eine Person mit typischer Sehstärke kann z.B. |
| | Schwierigkeiten mit einem Bildschirm in heller |
| | Umgebung haben. Oder eine andere Person kann in |
| | einer Bibliothek ein Video nur mit ausgeschaltetem |
| | Ton ansehen. |
+--------------------------+-----------------------------------------------------+
| temporär | Eine Person mit gebrochenem Handgelenk kann |
| | möglicherweise nicht tippen, erlangt jedoch die |
| | Fähigkeit nach der Heilung zurück. |
+--------------------------+-----------------------------------------------------+
| andauernd | Meist wird nur diese Art als »Behinderung« |
| | verstanden. |
+--------------------------+-----------------------------------------------------+
Blinde
~~~~~~
* Können Screen-Reader verwendet werden?
* Können Braille-Reader verwendet werden?
* Kann die Website oder die Software ohne Mauszeiger verwendet werden?
* Werden visuelle Informationen effektiv in Text übersetzt? Können Bilder und
Plots nur durch die Metadaten verstanden werden?
* Lässt sich die Website oder die Software auch nur akustisch erfahren?
Sehbehinderte
~~~~~~~~~~~~~
Sehbehinderung kann ein teilweises Sehen mit einem oder beiden Augen umfassen
und von leicht bis schwer reichen. Sie betrifft ungefähr 4% der Weltbevölkerung.
* Können sie Bildschirmleser, Bildschirmlupen, kontrastreiche Modi und/oder
monochrome Anzeigen verwenden?
* Lässt sich die Website erfahren, wenn der Browser auf eine größere Schrift
eingestellt ist?
* Ist eine `Keyboard-Only Navigation
`_ möglich?
* Wird `NoCoffee `_ o.ä. verwendet um ein
besseres Verständnis der verschiedenen Sehbehinderungen zu erhalten?
Farbenblinde
~~~~~~~~~~~~
Farbenblindheit betrifft 8% aller Männer und 0,4% der Frauen.
* Werden die Kontraste der Website oder der Software in Hinblick auf
Farbenblindheit überprüft, :abbr:`z.B. (zum Beispiel)` mit dem
Sketch-Plugin `Stark `_?
Gehörlose und Schwerhörige
~~~~~~~~~~~~~~~~~~~~~~~~~~
* Gibt es Untertitel und alternative Darstellungen von Audio? Beachtet dabei,
dass alle davon profitieren können, :abbr:`z.B. (zum Beispiel)` in einer sehr
lauten Umgebung.
* Werden Videos und Animationen transkribiert?
Körperliche Einschränkungen
~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Sind alle Aktionen über die Tastatur zugänglich und effizient? Viele
Personen bevorzugen die Navigation mit einer Tastatur vor der mit einer
Maus, da dies die Produktivität erhöhen kann.
Kognitive Einschränkungen
~~~~~~~~~~~~~~~~~~~~~~~~~
* Bleiben Informationen sichtbar, die zu einem späteren Zeitpunkt benötigt
werden?
* Sind schnell sich ändernde visuelle Reize nur optional? Werden Personen mit
Epilepsie :abbr:`ggf. (gegebenenfalls)` davor gewarnt?
* Werden Heuristiken für kognitive Belastung im Design berücksichtigt?
Globale Barrierestandards
-------------------------
* Die `Web Accessibility Initiative (WAI) `_ des `World
Wide Web Consortium (W3C) `_ ist ein Versuch, die
Zugänglichkeit des World Wide Web für Menschen aller Fähigkeiten zu
verbessern.
* Mitwirkende der WAI erstellen und pflegen `Richtlinien zur Barrierefreiheit
von Webinhalten (WCAG) `_, dem globalen
Standard für Barrierefreiheit.
* Im `ARIA Authoring Practices Guide `_ wird
euch gezeigt, wie barrierefreie Semantik in Web-Patterns und Widgets eingebaut
werden kann.
Ressourcen
----------
* `IBM Accessibility Checklist
`_
* `W3C low vision requirements `_
Werkzeuge
---------
* `High-contrast Chrome plugin
`_
* `Stark Sketch plugin `_
* `NoCoffee vision simulator `_
* `Kontrastrechner
`_
* `Pa11y `_