Seite Barrierefrei gestalten

[x-drive]

Möchte in meine Website Funktion für die Veränderung der Schriftgröße implementieren. Etwa wie bei www.bahn.de in der Topleiste "a, a+, a++"

Wisst ihr, wie es geht? Sind das drei unterschiedliche CSS, die man umschaltet?

[xlb]

N'Abend ...

Sind das drei unterschiedliche CSS, die man umschaltet?

Es sind drei verschiedene CSS-Klassen, die dem Body-Tag je nach Button, bzw. "Klick" entsprechend zugewiesen werden und global die Schriftgröße ändern.

Code: Alles auswählen

body, body.font-normal {
font-family:Arial,sans-serif;
font-size:16px;
}
body.font-large {
font-size:19px;
}
body.font-xl {
font-size:22px;
}

[e-fee]

Spielerei ... diejenigen, die das wirklich betrifft, wissen auch, wie sie die Schriftgröße direkt im Browser einstellen. Daher sollte man eher darauf achten, dass sich dann nichts zerschießt.

[xlb]

Spielerei

Suggeriert aber dem User, den es nicht betrifft, dass "man" sich um Accessibility bemüht.

[Beloe007]

Spielerei

Suggeriert aber dem User, den es nicht betrifft, dass "man" sich um Accessibility bemüht.

Dann stell die Inhalte auch noch per Screenreader bereit, dann bemühst du dich sogar noch um blinde.
Und eine Sprachsteuerung per Javapplet, kann doch sein das eine Maus/Tastatur nicht bedient werden kann.

Bemühen sollte man sich, das ist klar... aber damit überforderst du gleichzeitig die die sich nicht auskennen... ich wurde schon häufiger angerufen "Hilfe die Schrift ist so groß und bekomme es nicht mehr weg" (wenn per Cookie gespeichert).

Webseiten sollten so einfach wie möglich sein und dem widerspricht diese Funktion. Von "Barrierefrei"/ Verbesserung kann auch keine rede sein, weil du damit Barrieren für andere auf baust, denn nicht nur eine Sehschwäche ist eine Barriere, sondern auch die Angst was falsches anzuklicken.

Aber muss jeder für sich entscheiden.