Beispiele aus dem Buch (Abschnitt 2.2: Farben, Kontraste und Schriftbild)

Dies ist ein Beispiel aus dem Buch Barrierefreies Webdesign (2004), das Ende 2004 im dpunkt.Verlag erschienen ist.
Farbe als Unterscheidungsmerkmal
An dieser Stelle steht "Bitte betätigen Sie den grünen Knopf", somit ist unter Umständen eine korrekte Auswahl nicht möglich. Vielmehr müssen "sprechende" Texte oder andere eindeutige Merkmale (z.B. Symbole) zur Kennzeichnung angeboten werden. Dieses Beispiel ist ein Negativbeispiel
HTML
<p>Bitte betätigen Sie den grünen Knopf</p>
<p><button id="id1">hier klicken</button>
<button id="id2">oder hier...</button>
<button id="id3">oder hier...</button></p>
CSS
#id1 {
color:yellow;
background-color:green;
font-size: 1.1em;
}
#id2 {
color:yellow;
background-color:blue;
font-size: 1.1em;
}
#id3 {
color:yellow;
background-color:red;
font-size: 1.1em;
}
Browseransicht
Bitte betätigen Sie den grünen Knopf