Startseite.
Wilde Säue .
Cerridwens Kessel.
Links .
Gästebuch .
Sitemap .
Knistern-News
Aktion/Awards
Kontakt
Webringe/Toplisten
Chat
Hilfe zur Seite.
Accesskeys.
Distels Dank.
magisches Netz
»Startseite 
»Knistern Barrierefrei?
(Diese Links sind Sprungmarken, damit springst du auf der selben Seite nach unten. Zurück nach oben springst du mit "nach oben"). Man kann auch einfach von oben nach unten alles am Stück lesen - runter mit Bildlauftaste oder Scrollen ;)
Barrierefrei heisst daß eine Internetseite keine Barrieren für Behinderte NutzerInnen des Internets enthält. Bei mir ist es so daß die Seite bedingt barrierefrei ist (noch).
Es ist eigentlich gar nicht sooooo schwer, bzw. das schwerste war die Seite auf ein Design umzustellen, welches Inhalt und Aussehen trennt. Dadurch wird es möglich, daß man den Inhalt lesen kann ohne Datenmüll der nur dazu da ist ein bestimmtes Aussehen der Seite zu erzeugen.
Ich bin zwar lediglich kurzsichtig und habe das mit einer Brille ganz gut im Griff, aber ich besaß bis vor kurzem einen extrem miesen Monitor. Der war so unscharf, daß man fast genauso in eine Seherkugel schauen konnte und raten, anstatt Texte zu lesen. (Übertrieben, ok). Trotzdem war fast jeder zweite Klick beim Surfen auf einer neuen Seite der ins Menü "Ansicht --> Text Zoom" beim Mozilla. Überall diese kleinen Fuzzi-Winz-Schriften. Grauslig. Bei Bildern hab ich im hellen und dunklen Bereich kaum die Kontraste gesehen, und überhaupt. Da gabs mal eine Seite mit heidnischen Comic-Strips die ich mit Opera nur sehen konnte, weil Opera einen eingebauten Bild-Zoom hat. Die Schrift auf den Bildern war einfach zu klein für meinen unscharfen Moni.
Für mich wars schon schwer, eigentlich wollte ich seit 2001, als ich das erste Mal von barrierefreien Seiten gehört hatte, auch so was hier machen. Nur bin ich eben nie durch den CSS-Kram (Cascading Style Sheets) durchgestiegen. Jetzt endlich steig ich durch (halbwegs) und damit ist die größte Hürde hoffentlich gefallen. Ich stehe jetzt aber immer noch vor dem Problem, eine Webseite mit tierisch vielen Unterseiten zu haben, die alle einzeln optimiert werden müssen. Hätte ich meinen Code nicht von Anfang an so sauber wie ich das eben konnte geschrieben, wäre das jetzt quasi ein Ding der Unmöglichkeit. So aber gibt's Hoffnung.
Es gibt ein Werkzeug im Netz namens "Bobby". Damit kann man selbst seine Seiten auf Barrierefreiheit überprüfen. Ich habe fünf Stunden allein die Fehlerleins auf der Startseite ausgemerzt bis Bobby nicht mehr an allem gemeckert hat..
»Link zum Bobby-Check (extern - neues Fenster!)*
Nett ist es vor allem, wenn einem Webring-Codes, Google-Suchfeld-Codes, und sonst alles mögliche, was man auf der eigenen Seite einbauen darf/soll übergeben werden, und diese sind in völlig verquastem, veralteten HTML und ohne jeglichen Komfort für Sehbehinderte. Dann darf man quasi für Mitgliedschaft in Webringen usw. noch den Code putzen. Nachdem aber alle Links aussagekräftige Titel hatten, alle Bilder einen Alt-Text, alle Formularfelder Labels, und mannigfache Anforderungen mehr habe ich endlich, endlich fast all die Kriterien für "Bobby AA approved" erfüllen können. Das heisst die Seite ist barrierefrei was alle Barrieren der Prioritäten 1 und 2 angeht, laut so 'nem Katalog für Barrierefreiheit.
Ich habe versucht auf jegliches Tabellenlayout zu verzichten. Die Seite ist erstellt mit Cascading Style Sheets, das ist eine Zusatzsprache zu html und "der letzte Schrei". Es ermöglicht blindengerechtes Webdesign. Alte Browser verstehen kein CSS. Eine normale Leserin kann sich einen neueren Browser besorgen. Eine blinde Leserin kann sich keine sehenden Augen kaufen. Daher werden Nutzerinnen veralteter Browser bewusst hinten an gestellt.
Ich frage mich schon, was ich eigentlich hier tagelang mache. Wenn man bedenkt, daß viele, sehr viele Leute zu blöde sind, ihre privaten Homepages für stinknormale User zugänglich zu machen, ist es nicht hirnrissig da zu sitzen und für Blinde zu coden bis einem der Kopf raucht? Guckt euch doch mal das Internet an! Da sind Portale in winzi-winzi-Text, oder Leute die keinen blassen Schimmer von HTML haben packen ihre privaten Seiten dicht mit Mauszeiger-Animation, hunderttausend blinkenden Gifs und einer 3 Pixel kleinen lila Fantasieschriftart auf schwarzem, blinkenden Fantasysternchenhintergrund, das ganze wird dann noch untermalt von einer mindestens 5 Megabyte grossen ultralauten Musik, die man nicht abstellen kann und alle drei Sekunden springen dir 20 Popupfenster ins Gesicht.
Ich kann noch nicht die Schriftgrösse so angeben daß sie mit jedem Browser genau gleich aussieht. Opera zeigt die Schriften einen Tick kleiner an als Mozilla oder Internet Explorer. Das kommt daher daß alle Schriftgrössen in Prozent vorgegeben sind. Opera und Mozilla können Schriften auch größer darstellen wenn sie nicht in Prozent sondern in einer festen Größe angegeben sind. Der Internet-Verschandler (von manchen auch Internet Explorer geschimpft) kann das nicht. Deshalb eben in Prozent, damit ihr Leserinnen sie verstellen könnt :).
PS: Wieso kann das der IE eigentlich nicht? Der ist doch wirklich ein Schrotthaufen. Ich finde nur eine Sache gut am IE: Der ist vom bösen Gates, und die meisten benutzen ihn, und deswegen versuchen alle Cracker und bösen Hackerchen die Sicherheitslücken des IE auszunutzen, und lassen uns MozillianerInnen, Feuerfüchse und Operetten in Ruhe. Internet-Explorer-Nutzer, es ist zwar hart, aber ihr seid nichts weiter als unser Kanonenfutter! *fg* Also behaltet ruhig euren Internet Explorer. Und werft euch den Viren und Trojanern in die offenen Arme. *höhö*
Hmja. Meine Hintergrundfarbe war #FF9A66. Das ist ein rosastichiges Orange. Nicht zu hell, nicht arg dunkel. Genau eine jener Farben, zu der man keine, aber absolut NULL passende Schriftfarben findet, die irgendwie der Vorschrift für Kontraste für Sehbehinderte entsprechen. Wenn man einen Screenshot gemacht hat vom Knistern, sah es nach dem Konvertieren in Graustufen so aus:
Bild: Screenshot vom Knistern, konvertiert in Graustufen, Win98 Compi, (TFT-Monitor, hätte das ein normaler Monitor gemacht, wäre der Kontrast noch schlechter!)
Bild: Screenshot von der selben Stelle nach Umstellung auf andere Farben im Knistern, konvertiert in Graustufen, WinXP Compi, normaler Röhrenmonitor.
Bild: Screenshot nach der Umstellung auf andere Farben mit Win 98 Kiste und TFT Monitor.
Jetzt habe ich alles umgebaut auf #FEB473 als Hintergrund, das ist ein oranges Sandgelb, die Links sind dunkelrot und blau, der Text ist schwarzgrün. Damit bin ich gut über den Vorschriften was Helligkeitskontrast angeht, was Farbdifferenz angeht bin ich ein bischen schlechter als das Vorgeschriebene, aber viel besser als es vorher war. Ich hoffe damit kann die Distel und die Leserin leben :)
Man sieht übrigens auch ganz gut wie wichtig es ist Links nicht nur durch Farbe vom Text abzuheben.
Ich möchte mit meinen Möglichkeiten eine schöne, aber trotzdem zugängliche Seite haben. Ich will optische Spielereien noch und nöcher aber trotzdem leserliche Texte. Also was fürs Hirn und fürs Auge. Was man mit Zugänglichkeit der Seite will, ist eigentlich keine Frage. Sollte eigentlich selbstverständlich sein daß man die Seiten so zugänglich macht wie man nur kann. Das habe ich eigentlich versucht seit ich diese Seite habe, mit dem jeweiligen Erfolg den mir mein Kenntnisstand so erlaubt, und eben ohne vorgefertigte "Homepagebuilder" und Javascriptchen und hier und da und haste nicht gesehen.
Ich hoffe daß diese ganzen Ausführungen halbwegs von Interesse waren, für Frauen die selbst Webseiten basteln ist es evtl. schon interessant. Verbesserungsvorschläge oder Fehler auf den Seiten die verbessert werden müssten nehme ich liebend gerne an: »Zum Kontaktformular
Distelfliege 26.12.2004
