Webwork-Tools - Dem Webworker seine Werkzeugkiste



Lesbarkeit von Websites mit Readability-Bookmarklet verbessern

Von Perun am 27. August 2009 um 20:45

Es gibt Websites die sind für einen persönlich nicht leserlich. Die Schrift ist zu klein oder zu groß, die Zeilen sind zu breit oder die Schrift wurde unleserlich formatiert (z. B. kursiv bei bestimmten Schriften). Wie dem auch sei, es gibt mehrere Gründe warum eine Website unleserlich sein kann. Sicherlich, man kann sich ein eigens Nutzer-CSS erstellen um bei häufig besuchten Websites die Schrift zu vergrößern oder die Zeilenbreite zu verkleinern. Doch es geht komfortabler und zwar mit dem Readability-Bookmarklet.

Einstellungen für das Readability-Bookmarklet

Einstellungen für das Readability-Bookmarklet

Auf der Website legt man die Einstellungen fest unter der man die Texte gerne liest. Direkt darunter befindet sich auch die Vorschau, in der man die Auswirkungen der Einstellungen sehen kann. Man kann den Stil, die Schriftgröße und die Zeilenbreite bestimmen. An Hand deiner Einstellungen wird dann das Bookmarklet angepasst.

Nun kannst du das Bookmarklet in die Lesezeichen-Leiste ziehen und wenn du dich auf einer Website befindest, die nicht leserlich ist, dann kannst du das Bookmarkelt aufrufen und der Text wird dann entsprechend deinen Einstellungen formatiert. So schaut der Text auf dieser Website aus, wenn ich das Bookmarklet, mit den Einstellungen aus der ersten Abbildung, aufrufe:

Auswirkungen des Bookmarklets

Auswirkungen des Bookmarklets: Style: Novel, Size: Medium, Margin: Wide

Wenn man den Browser bzw. die Seite neu lädt, dann erscheint die selbige in ihrem ursprünglichen Layout.

Wenn man das Bookmarklet anpasst, dann muss man es noch einmal in die Lesezeichen-Leiste ziehen, da die Einstellungen im Bookmarklet-Code gespeichert sind.

Diesen Artikel weiterempfehlen:
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • MisterWong.DE
  • Technorati
  • Twitter
  • Webnews.de
  • Yigg
  • Wikio DE

Verwandte Artikel

Eigenwerbung: unsere Bücher (WordPress und Webwork-Tools)

 — 


2 Reaktionen auf diesen Beitrag »»

Kommentare

  1. Pepino sagte am
    27. August 2009 um 21:37 folgendes:

    Danke. Sehr guter Tipp.
    Schön wäre, wenn noch mehr Schriften zur Auswahl stünden… aber das kann man ja notfalls selbst reinfummeln.

  2. Perun sagte am
    28. August 2009 um 00:02 folgendes:

    @Pepino,

    Danke. Sehr guter Tipp.

    Gern geschehen.

Hinterlasse einen Kommentar

XHTML (folgende Tags sind erlaubt): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).