Introducing sIFR: The Healthy Alternative to Browser Text

Introducing sIFR: The Healthy Alternative to Browser Text beschreibt eine auf JavaScript, CSS und Flash aufbauende Methode um Textstyling von den Beschränkungen von CSS zu lösen und beliebige Fonts zu verwenden.

Die Technik arbeitet ähnlich wie Image-Replacements durch CSS, nur das der ausgetauschte Text mit der Seite mitwachsen kann (z.B. wenn der Benutzer einen grösseren Basefont eingestellt hat). Hat ein Besucher Flash und JavaScript verfügbar, werden entsprechend markierte Textbereiche durch ein Flash-Rendering ersetzt.

Hat der Besucher kein Flash oder ist JavaScript deaktiviert, sieht er ganz normale Textinhalte über die Möglichkeiten des Browsers. Die Accessibility bleibt also weitestgehend erhalten - das HTML bleibt semantisch und Screenreader bei Textbrowsern sowie semantisch gesteuerte HTML Reader sollten problemlos damit klar kommen, Sehbehinderte mit grossen Fonts auch - durch Deaktivierung von Flash zum Beispiel würde der eingestellte Userfont gewählt.

Besser als CSS-Image-Replacement für Header ist es allemal, da es sich an die dynamische Umgebung wesentlich besser anpassen kann. Image-Replacements werden nicht gezoomed und unterstützen kein Copy-and-Paste der Inhalte (was von Flash ebenfalls unterstützt wird).

tags: HTML, Programmierung