Seite 1 von 1

Barrierefreiheit von Website / Sehbehinderungen

Verfasst: 16.07.2012, 12:35
von ChrissisWeb
Hallo zusammen,

ich möchte eine Website insbesondere für Menschen mit starker Kurzsichtigkeit und mit einer Rot-/Grünschwäche auf Nutzbarkeit analysieren. Bilder sollten zB alle ein ALT-Tag besitzen. Steuerungselemente einen geeigneten, lesbaren, Namen tragen... usw..

Welche Mittel wären da zur Analyse am besten geeignet .. reine Textbrowser ?

Wie könnte man die Rot/Grün-Schwäche simulieren .. bzw prüfen .. Einstellungen am Monitor vornehmen ?

Danke und viele Grüße
Chrissi

Verfasst:
von

Verfasst: 16.07.2012, 12:58
von Melegrian
Rot/Grün-Schwäche lässt sich nicht so einfach simulieren, da die ja dafür wohl Grautöne sehen oder je nach Ausprägung eventuell auch nur etwas weniger farbintensiv als Normalsichtige und Farben mit demselben Grauwert schlechter unterscheiden können. Angenommen, du würdest jetzt einen Screenshot machen und dann mit einem Grafikprogramm die roten und grünen Töne in die entsprechenden Grautöne wandeln, denke nicht, dass dies richtig würde.

Kannte mal jemanden mit einer Rot/Grün-Schwäche, der sah selbstverständlich die Ampel, nur halt in grau oder mehr wie farbige Grautöne und wenn der nicht gewusst hätte, dass bei einer Ampel oben rot und unten grün ist, hätte der auch nicht fahren dürfen. Hat er jedenfalls so erzählt.

Nehme mal an, Du machst eine Seite und Bilder nur in Schwarz/Weiß und Grautöne und dann kommen alle mit der Seite klar. Du kannst die Webseite mit Bildern und so weiter auch alles mit normalen Farbwerten fertigen und am Ende nur einen Screenshot in ein Graustufenbild verwandeln und kontrollieren ob alles gut rüber kommt. Die sehen ja keine unansehnlichen Bilder oder Farben, die nehmen die Farben ja nur anders wahr.

Wie es hier beschrieben steht, sollte es sich am besten simulieren lassen, wenn rote und grüne Farben in Gelbtöne verwandelt werden, doch derartige Bilder kannst Du dann wieder keinen normalen User anbieten. Mit Grautönen sollte es einfacher sein oder einfach Farbbilder nehmen und nur zum Test mal die Farbsättigung reduzieren.

https://de.wikipedia.org/wiki/Rot-Gr%C3 ... w%C3%A4che

Alternativ-Texte für Bildinhalte

Verfasst: 16.07.2012, 19:28
von ChrissisWeb
Danke dir ! :D Habe inzwischen ein gutes Programm entdeckt, dass verschiedene Sehschwächen simulieren kann.

Noch eine andere Frage: Was genau lesen Screenreader bei grafischen Buttons oder grafischen Verlinkungen ? Also wenn auf textueller Ebene keine Beschriftung gegeben ist ?

Button z.B.:

Code: Alles auswählen

<input type="image" src="//static.gelbeseiten.de/yp/static/css/img/dot_clear.gif" class="search_go" id="search_go" alt="" title="Suchen" style="display&#58; inline; " value="" tabindex="3">
--> leeres alt-Attibut, lediglich title

Link zB:

Code: Alles auswählen

<a class="bgsg cell_icon" title="gratis anrufen" href="javascript&#58;logWipeStats&#40;'Trefferliste Gratis anrufen Standard','','','false'&#41;;fensterClickToCall&#40; 'http&#58;//www.gelbeseiten.de/yp/11/clickToCall.yp?tnIndex=0&sortBy=relevanz&location=Neubrandenburg&subject=schneiderei&townName=Neubrandenburg&urlSegmentLocationString=neubrandenburg&tradeID=13814&subscriberID=128027250842&urlSegmentSubjectString=schneiderei&kindOfSearch=tradesearch&fullTradeNameText='&#41;;"></a>
Wie liesse es sich bei den Link zB umsetzen, dass bei abgeschalteten Bildern oder reinen Textbrowsernein Alternativ-Text, also hier "gratis anrufen" angezeigt wird ? Einfach ein alt-Attribut setzen ?