Barrierefreie Textdarstellung mit JavaScript

Zu klein gewählte Schriftgrößen machen den Inhalt von Webseiten oft unlesbar. Dieses Problem trifft insbesondere Menschen, die Probleme mit der Sehkraft haben. Aber auch den normal sehenden Seitenbesucher kann eine zu kleine Schrift stören und unnötig anstrengen. Allerdings ist die Wahl einer "optimalen" Schriftgröße problematisch, da sie individuell unterschiedlich ausfallen würde: Jeder empfindet eben eine andere Schriftgröße als optimal. Um dieses Problem der subjektiven Wahrnehmung zu lösen, kann man nun dem Benutzer die Möglichkeit geben die Schriftgröße auf seine persönlichen Bedürfnisse anzupassen.

Zu diesem Zwecke wurde das hier vorgestellte JavaScript entwickelt. Das Script ermöglicht es dem Benutzer die Schriftgröße schrittweise an seine Bedürfnisse anzupassen. Die Schrittweite, mit der die Schriftgröße geändert wird, kann dabei beliebig im JavaScript-Code festgelegt werden. Auch die anfängliche Schriftgröße kann man in einem initialen Funktionsaufruf beliebig fest legen. Quelldatei und Beispielseiten sind komplett durchkommentiert, so dass der JavaScript-Code leicht zu verstehen ist. Sie können diese Funktion mit nur zwei JavaScript-Zeilen in Ihre Seite einbauen.

Demonstration des Skripts

In der Java Script Schriftgrößen Demo können Sie das Script ausprobieren. Die Beispielseite zeigt, wie Sie auf einfache Art und Weise eine solche Funktion in Ihrer Seite nutzen können.

Download

Hier können Sie das JavaScript Fontsize Script Downloaden (4.9K). Das Archiv enthält den JavaScript Code zur Java Script Schriftgrößenanpassung und zwei Beispielseiten, die als Vorlage genutzt werden können. Zur Integration in Ihre Seite können Sie diese Vorlagedatei und das zugehörige Stylesheet nutzen. Außerdem können Sie die Navigationselemente (die Links "+" und "-") durch eigene Buttons ersetzen. Der JavaScript Code in der Java Script Datei und in der Vorlage ist ausführlich kommentiert, so dass eine Anpassung sehr leicht gelingen dürfte.

Wenn Ihnen das hier angebotene Script gefällt und Sie es auf Ihrer Homepage einsetzen möchten würde ich mich freuen, wenn Sie einen Link auf meine Seite setzen.

Letzte Posts zum Thema aus unserem Forum

Javascript Schriftgröße

Hallo! Ich würde gerne euer Script zur veränderung der Schirftgröße in meine Contrexx Seite einbauen. Dabei habe ich allerings noch einige ... » mehr

von hincziza am Montag, 30. Juni 2008 14:59 in JavaScript - bisher 1 Antwort
Letzter Beitrag: Dienstag, 1. Juli 2008 10:58 von alm

Hallo, wenn das Vergrößern und Verkleinern der Schrift nur in drei Stufen erfolgen soll, dann bestehen zwei Möglichkeiten dies zu realisieren. Zum ... » mehr

Javacript Schriftgröße und Tabellen

Hallo zusmammen, ich versuche gerade interessehalber das besagte Script im Prog NetObjektsFusion einzubinden. Aber irgendwie gelingt es nicht so ... » mehr

von moranis am Dienstag, 11. August 2009 12:32 in JavaScript - bisher 3 Antworten
Letzter Beitrag: Mittwoch, 12. August 2009 08:56 von alm

Hallo, im Prinzip sind beide von Dir genannten Varianten in Ordnung. Beides sind relative Verweise, wobei "./" für das aktuelle ... » mehr