Alte Browser besser unterstützen
Die Zugänglichkeit (accessibility) meiner Website liegt mir sehr am Herzen. Für alte Browser wie den Internet Explorer 4 (IE 4) sowie den Netscape 4.x (NS 4) gibt es den “Trick”, deren Probleme mit vielen CSS-Eigenschaften von CSS 2.0 und höher dadurch zu umgehen, dass man die externe CSS-Datei mit @import statt mit der link-Anweisung im Header einbindet. Hier ein einfaches Code-Beispiel zum leichteren Verständnis:
Für die Browser, welche die @import-Regel nicht verstehen, wie IE 4 und NS 4 habe ich die CSS-Datei alt-2.css wie folgt im Header meiner Webseiten eingebunden:
Dadurch wird die CSS-Datei von diesen Browsern erst gar nicht gefunden.
Für die Browser, welche CSS 2.0 größtenteils umsetzen können, gibt es dann zusätzlich danach die CSS-Datei css-2.css. Sie wird dann über die @import-Regel wie folgt in den Header eingebunden
1 2 3 | <!-- @import 'css-2.css'; --> |
Diese Technik @import wird übrigens beispielsweise auch von Dirk Jesse in seinem CSS-Framework YAML eingesetzt.
Dadurch sieht meine Website zwar in diesen alten Browsern nicht so schön wie in den neuen, CSS 2 verstehenden Browsern aus, aber immerhin ist sie auch für diese veraltete Browsergruppe weiterhin gut zugänglich.
Wer mag, kann sich ja meine Website und mein Blog mal mit einem alten Browser ansehen. Diese findet man unter http://browsers.evolt.org/. Eine Parallelinstallation mehrerer Versionen des Internet Explorers unter Windows XP ist mit multiple IE von TredoSoft und unter Windows XP, Vista sowie WIndows 7 mit dem IETester möglich.
Die vorgestellte Technik ist übrigens Bestandteil dessen was man neudeutsch Progressive Enhancement nennt. Ein weiteres Element dieser Technik ist es, auch schon Gestaltungsmöglichkeiten des noch nicht verabschiedeten Standards CSS 3 anzubieten, soweit es zumindest einen Browser gibt, der das unterstützt. Das steht auf meiner ToDo-Liste. Wenn ich das erledigt, sprich “abgehakt” habe, werde ich darüber ebenfalls berichten.
