Back to the original French page Read this page in Italian by Google Translation Read this page in Portuguese by Google Translation Read this page in English by Google Translation Read this page in German by Google Translation Read this page in Spanish by Google Translation Read this page in Arabic by Google Translation Read this page in Hebrew by Google Translation

Erstellen Sie Bilder zur Verfügung: Farbe und Kontrast

Zum Anfang des Inhalts, ohne die bar Beratung und Freigabe Wie nutzen Sie das bar Beratung und Freigabe Hören Sie sich die wichtigsten Inhalte dieser Seite
Drucken Drucken Sie die wichtigsten Inhalt dieser Seite Senden E-Mail den wesentlichen Inhalt dieser Seite Anteil Share on TwitThis Share on Facebook Diese Seite empfehlen bei Wikio Teilen Sie diese Seite über Google Share on LinkedIn Share on Digg Teilen Sie diese Seite auf del.icio.us Teilen Sie diese Seite auf Netvibes

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

  1. Seite 1: Einleitung
  2. Seite 2: Bilder zum besseren Verständnis
  3. 3: Farbe und Kontrast
    1. Farbe
    2. Gegensatz
  4. Seite 4: Texte in Bilder
  5. Seite 5: Die Graphen, die Krämpfe verursachen
  6. Seite 6: Erstellen guter Text Alternativen (Attribut alt )
  7. 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:

Farbe Zeichnung der Londoner U-Bahn

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:

Schwarz-Weiß-Version der Farbkarte der Londoner U-Bahn

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.

Screenshot der Web-Seite Registerkarten in UEN, von denen einige braune, dunkle oder weiße bleux sind je nach Kategorie

Wenn eine hellere Farbe für den Hintergrund Tabs von Ressourcen verwendet wurde, wäre der Text schwer zu lesen sind.

Screenshot des Ausbildungszentrums mit allen Farben entfernt

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.

Screenshot des Ausbildungszentrums mit allen Farben entfernt

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.

Screenshot der Version in Schwarz-Weiß-Tabs, wo der Text ist fast das gleiche Niveau der Kontrast als Hintergrund

Vergewissern Sie sich, wenn Sie die Farben des Hintergrundes sie nicht verringern Kontrast, um den Text lesbar zu wählen.

WebAIM ist eine Initiative von:
Zentrum für Menschen mit Behinderungen (CPD) Utah State University

Copyright 1999-2009 WebAIM

Top of Page