Barrierefreies Webdesign — ein zugängliches und nutzbares Internet gestalten

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

Cover: 'Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen' von Jan Eric Hellbusch Extern: "Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.de

Dies ist ein Beispiel aus dem Buch Barrierefreies Webdesign (2004), das Ende 2004 im dpunkt.Verlag erschienen ist.

Relative Farbangaben

Die folgende Schaltfläche hat die Systemfarbwerte für Schaltflächen zugewiesen bekommen. D.h., wenn ein Benutzer in der Systemsteuerung (Windows) andere Farben für Schaltflächen eingestellt hat, so werden diese im Browser übernommen.

HTML

<p><input type="button" value="Schalter mit Ihren Systemfarben" class="buttonStyle" /></p>

CSS

.buttonStyle {
  background: buttonface;
  border-right: 2px outset buttonshadow;
  border-bottom: 2px outset buttonshadow;
  font: buttontext;
}

Browseransicht