Erstellen Sie Bilder zur Verfügung: Farbe und Kontrast
| |
Drucken |
Senden |
Anteil |
Achtung: Die ursprüngliche Version dieses Dokuments ist Barrierefreie Bilder: Farbe und Kontrast . Diese Französisch-Übersetzung erfolgte durch Ideos Rahmen einer Vereinbarung zwischen WebAIM und Ideos .
Hinweis: Auf Seite Dokumente auf Web-Zugänglichkeit für eine Liste aller übersetzten Dokumente. Andere Ressourcen auf die Barrierefreiheit im Web sind auch in den genannten digitalen Portal zugänglich .
Zusammenfassung
- Seite 1: Einleitung
- Seite 2: Bilder zum besseren Verständnis
- Sie sind auf Seite 3: Farbe und Kontrast
- Seite 4: Texte in Bilder
- Seite 5: Die Graphen, die Krämpfe verursachen
-
Seite 6: Erstellen guter Text Alternativen (Attribut
alt) - Seite 7: Lange Beschreibungen
Farbe
Die Regel der Barrierefreiheit ist es, sicherzustellen, dass Sie nicht nur die Farbe, um Informationen zu vermitteln. Dieser Satz ist ein bisschen unklar, manche Leute. Was das für eine Nachricht nur mit der Farbe übertragen bedeutet? Lassen Sie uns diese Karte von London Underground aussehen:

Eine Person, die Farben sehen können, hat keine Schwierigkeiten bei der Unterscheidung von roten Linien, dunkelblau, hellblau, etc.. Eine Person kann nicht sehen, die Farbe, weil sie farbenblind oder schlechter Sicht ist, wird wahrscheinlich nicht in der Lage sein, die verschiedenen U-Bahnlinien so leicht zu unterscheiden. Jemand, der blind ist, kann sie nicht sehen. Schauen wir uns dies in Schwarz-Weiß-Bild aussehen:

Wie würden Sie wissen, welche Linie zu treffen, um Waterloo zu bekommen? Bevor wir weitergehen, müssen Sie wissen, dass Menschen, die farbenblind sind, können Farben (mit Ausnahme von einigen wenigen Fällen) zu sehen, so dass die Zeichnung in Graustufen oben ist nicht repräsentativ für Farbenblindheit . Dies ist nur ein Beispiel für ein Bild in die Farbe verwendet, um Informationen zu übertragen. Wenn die Farben entfernt werden, sind die verschiedenen U-Bahnlinien fast nicht zu unterscheiden.
Diskutiert unten ist ein Beispiel dafür, wie dieses mögliche Problem zu umgehen. WebAIM Schulungs-CD mit farbigen Tabs für die Klassen der Links in der oberen Navigationsleiste.
Wenn eine hellere Farbe für den Hintergrund Tabs von Ressourcen verwendet wurde, wäre der Text schwer zu lesen sind.

Die Methode der WebAIM Schulungen vor Ort verwendet werden, um Verwechslungen zu vermeiden war, um die Titel der Kategorien in Klammern oberhalb der Registerkarten der gleichen Klasse setzen. Hooks bestellt die Tabs nach Workshops und Ressourcen. Selbst wenn es überhaupt keine Farbe auf dieser Seite werden Informationen immer zugänglich.
Testen Sie Ihre Web-Seiten zu gewährleisten, dass keine Informationen verloren gehen, wenn Sie die Farbe zu entfernen. Sie können diese durch den Druck der Seite mit einem Schwarz-Weiß-Drucker (stellen Sie sicher, Ihre Druck-Einstellungen festgelegt werden, um Hintergrundfarben gedruckt) zu tun. Sie können es auch tun, wie wir auf dieser Seite getan hat, einen Screenshot der Seite, dann die Beseitigung aller Farben in einem Grafikprogramm wie Corel PhotoPaint oder Adobe PhotoShop. Gehen Sie hierzu in Windows, öffnen Sie die Seite, die Sie überprüfen möchten, und klicken Sie dann auf Print Screen (Prnt Scrn oft beschriftet). ). Dann öffnen Sie eine neue Datei in Ihrem Grafikprogramm und verwenden Sie den Befehl Einfügen (Strg + V). Schließlich verändert sich das Bild in ein Graustufenbild.
Gegensatz
Rückblick auf die Schwarz-Weiß-Version der Seite des Ausbildungszentrums.

Neben der Tatsache, es nur ein Screenshot der Seite, wo der Text ist viel kleiner und ein wenig mehr verschwommen als die ursprüngliche Seite ist, werden Sie feststellen, dass der gesamte Text ist leicht unterscheidbar von Hintergrundfarben um ihn herum. Wo gibt es einen hellen Hintergrund, gibt es eine dunkle Schrift. Wo gibt es einen dunklen Hintergrund, gibt es eine klare Text. Menschen mit geringem Sehvermögen wird keine Probleme haben, machen den Unterschied zwischen den Ebenen der Kontrast von Text und Hintergrund.
Wenn eine hellere Farbe für den Hintergrund Registerkarten Ressourcen gewählt wurde, würde der Text schwieriger zu lesen sind.

Vergewissern Sie sich, wenn Sie die Farben des Hintergrundes sie nicht verringern Kontrast, um den Text lesbar zu wählen.
Kommerzielle Links
WebAIM ist eine Initiative von:
Copyright 1999-2009 WebAIM












![[Paris, 6. Dezember 2011] Die Konferenz der Präsidentschaftswahlkampf Web 2012 (Ideos / 2,0 Elect Partner)](http://www.elus20.fr/images/pdffrance2011_elus20.jpg)























