Webseiten müssen so aufgebaut werden, dass Besucher die Schriftgröße verdoppeln können, ohne dass Textteile unsichtbar oder schwer lesbar werden. Die Vergrößerungsfunktion muss nicht unbedingt vom Web Developer entwickelt werden, da sie standardmäßig in den meisten Browsern enthalten ist. Der Web Developer muss jedoch dafür sorgen, dass die Seite nach der Schriftvergrößerung weiterhin verwendet werden kann.
Wie wendet man das an?
Bei den gängigsten Browsern muss man als Web Developer nichts tun, um diese Anforderung zu erfüllen. Moderne Browser enthalten Funktionen, um nur die Schrift zu vergrößern oder um die ganze Seite zu zoomen. Ein Web Developer muss jedoch überprüfen, ob alles auf der Seite noch gesehen und verwendet werden kann, wenn die Schrift um 200 % vergrößert wurde. Dies erfolgt am besten mit verschiedenen Browsern und Geräten. Der Text darf also nicht abgeschnitten werden und Textteile dürfen sich nicht überlappen, wenn dadurch Teile nicht mehr gelesen oder verwendet werden können.
Beispiele
Die folgenden Tipps helfen zur Entwicklung einer Website, die gut skaliert werden kann:
- Verwenden Sie in der CSS-Datei relative Einheiten für die Abmessungen der Seitenteile, vor allem für die Textboxen. Relative Einheiten sind beispielsweise em, Prozentsätze und „benannte Schriftgrößen“ wie klein, größer, xx-groß.
- Bieten Sie die Möglichkeit an, die Schriftgröße zu vergrößern und zu verkleinern, beispielsweise mit Schaltflächen oder Links. Mit diesen Schaltflächen oder Links muss die Schriftgröße mindestens zweimal größer gemacht werden können. Sorgen Sie dafür, dass der Text auf die Standardgröße zurückgesetzt werden kann.
- ● Dazu kann ein flexibles Layout (‘liquid layout’) beitragen. Mit einem flexiblen Layout werden bei einer Schriftvergrößerung keine horizontalen Bildlaufleisten angezeigt.
Wie trägt dies zu einer besseren Website bei?
Für sehbehinderte Besucher ist es nützlich, wenn sie den Text auf einer Website leicht vergrößern können, ohne dass etwas unsichtbar oder unlesbar wird.
Für Redakteure
Der Web Developer ist für die Erfüllung dieser Anforderung an die digitale Barrierefreiheit der Website verantwortlich. Deshalb muss er mit verschiedenen Browsern und Geräten überprüfen, ob die Schriftvergrößerung auf 200 % problemlos erfolgt. Das Design der Website darf dies nicht verhindern.