Wie teste ich die visuelle Zugänglichkeit von Webseiten in der Entwicklung?

Question

Wenn ich Websites entwickle, möchte ich schnell zu dem wechseln können, "wie sieht das für eine Person mit bestimmten Arten von Farbenblindheit aus?"

Ich habe Visicheck gefunden, die Ihnen Annäherungen anzeigen, wie ein Bild oder eine öffentliche Webseite aussehen wird.

Gibt es etwas, das ich in meiner lokalen Entwicklung verwenden könnte, bevor eine Website online geht? Ein Firefox-Plugin vielleicht?

Answer 1

Das verwendete https://addons.mozilla.org/en-US/firefox/addon/7313 auf ffx2 zu arbeiten. Zeigt Ihnen nicht, wie es aussieht, aber es gibt Ihnen eine Tabelle mit Elementen der Seite, die diejenigen hervorhebt, die problematisch sein könnten.

Warum nicht herunterladen ffx portable 2 und installieren Sie es darauf.

* edit erweist sich als Beta-Version von es für ffx3

Answer 2

Sie könnten screen-shot es und schicken Sie es mir :)

Answer 3

verfügbar ist, ich habe es nicht versucht, mich noch nicht, aber here's a Firefox extension, die genau das tun soll.

Es gibt verschiedene Arten von Farbenblindheit. Die beste Möglichkeit, die Barrierefreiheit Ihrer Website zu maximieren, besteht darin, einfach die Kontraststufen Ihres Designs (Hintergrund vs. Text) zu testen. Here's an article enthält eine Liste von Ressourcen/Tools dafür. So können Ihre Besucher Ihre Inhalte bei schlechten Lichtverhältnissen lesen, schlechte Displays verwenden, farbenblind oder schlecht sehen.

Ein Vorteil bei der Überprüfung von Kontraststufen ist, dass es für alle Arten von Farbwahrnehmungen funktioniert und Sie nicht dazu zwingt, Farben zu verwenden, die bei normaler Farbwahrnehmung nicht übereinstimmen.