Hexentanz: Webdesign und CSS

ReStructuredText mit T�cken

Sun, 02 Apr 2006 02:42:08 GMT

Mit einem Trick ist es mir gelungen, Q-Tags in den Text einzuf�gen. Allerdings kann man dann im gleichen Absatz keine der M�glichkeiten von reStructuredText nutzen.

Hier ist ein kleines Zitat.

Hier das gleiche noch einmal aber zerrissen, weil ich versuche, den Text aufzuteilen

Hier ist

ein kleines Zitat.

F�r den normalen Gebrauch ist also diese trickreiche Anwendung von ".. raw:: html" ungeeignet.

Strukturierter Text mit PyDS

Sun, 02 Apr 2006 01:55:12 GMT

Update: Zitate (Blockquotes)

Artikel-Reihe zu Web-Accessibility

Sat, 01 Apr 2006 22:43:12 GMT

Roger Johansson hat in seinem Weblog eine f�r Web-Designer interessante Artikel-Reihe zur Erstellung universell zug�nglicher Web-Seiten geschrieben. Der englischsprachige Artikel gibt eine gute Einf�hrung, macht Angaben �ber Hilfen bei der �berpr�fung und enth�lt eine Liste von Punkten, die man unbedingt pr�fen sollte.

Anmerkung: Im Artikel wird TAW3 erw�hnt. Davon gibt es eine Version f�r OS X. Leider hat diese mir beim Installieren das Dock durcheinander gebracht und die Sprachumstellung auf Englisch funktionierte auch nicht. F�r Kommentare, welcher Tester lokal unter OS X installiert werden kann, w�re ich dankbar.

Via 456 Berea Street

Farbtest f�r Web-Seiten

Sat, 01 Apr 2006 22:11:12 GMT

Mittels des CSS-Validators kann man herausfinden, ob es Warnungen zu fehlenden Farbdefinitionen im CSS gibt. Leider sagen die Warnungen aber nicht viel dar�ber aus, ob wirklich eine Definition fehlt, weil der Validator immer eine Meldung ausgibt, wenn nur entweder Vordergrund- oder Hintergrund in einem Block definiert ist. Er pr�ft nicht, ob schon in einem �bergeordneten Block eine ausreichende Definition gegeben ist.

Ein weiteres Problem ergibt sich durch Farb-Fehlsichtigkeiten. Wer wei� schon, wie Farbenblinde die Seiten sehen?

Mit dem Colorblind Web Page Filter kann man online pr�fen, wie die Seiten f�r verschiedene Formen von Farbblindheit aussehen. Neben den mit verschiedenen Formen von Farbblindheit gibt es unter dem Stichpunkt "Coverage Testing" Tests f�r Monochrome-Anzeige, Graustufen und Schwarz und Wei�. W�hrend bei allen anderen Tests die Seiten einwandfrei zu lesen sein sollten, sollte bei den letzten beiden Tests nichts zu sehen sein. Alles was man bei diesen Tests noch sieht, k�nnte unter Umst�nden aufgrund der Einstellungen im Browser der Besucher Probleme bereiten.

Accesskeys: Fakten und Standards - Artikel von Jens Meiert, 13. November 2004

Tue, 31 Jan 2006 23:10:56 GMT

Welche Access-Keys, Probleme mit Konflikten

VoiceOver in OS X 10.4

Sun, 22 Jan 2006 19:48:16 GMT

Bei 456 Berea Street habe ich einen �lteren interessanten Artikel �ber VoiceOver in Tiger entdeckt und mich etwas damit besch�ftigt.

VoiceOver wird �ber die Systemeinstellungen, System, Sprache aktiviert. Man kann dann in den Einstellungen eine Stimme aussuchen. F�r Tests empfehle ich hier "Fred" zu nehmen.

Meine Erfahrungen:

Alle Sprecher sind auch englische Sprache ausgerichtet, �mlaute und "ie" werden aber richtig ausgesprochen. Bei Cepstral kann man auch zwei deutsche Stimmen herunterladen, es st�rt aber f�r Tests ohne Registrierung die st�ndige Meldung �ber die nicht registrierte Stimme.

Ich habe dann die Sprachausgabe f�r mehrere Programme getestet.

Mail:

Das Lesen von Mail funktioniert recht gut, aber das Programm stoppt manchmal einfach mittendrin. Bei einer Mail kam ich da nur heraus, nachdem ich �ber die Systemeinstellungen VoiceOver einmal deaktiviert und dann wieder aktiviert habe. Abschalten und wieder Anschalten �ber den Hotkey Apfel-F5 half nicht. Eine anderen Mail wurde einfach nur nicht zuende vorgelesen (sie enthielt auskommentierte Zeilen aus einer Konfigurationsdatei f�r Linux).

Safari: Das Lesen meines Weblogs funktionierte einwandfrei. Allerdings gab es Probleme beim Wechel auf einen anderen Tab: Bei der Seite darin konnte ich dann nur noch zwischen den Links springen und kam nicht mehr an den Seiteninhalt. Abhilfe war nur durch Ab- und wieder Anschalten von Voiceover m�glich.

Omniweb: In Omniweb sprang VoiceOver nur von einem Formular zum n�chsten. Ich blieb also in meinem Weblog auf dem Suchen-Fromular h�ngen. Omniweb kann also derzeit nur mit dem alten "Speech" im Dienste-Men� zum Vorlesen gebracht werden.

Opera: Bei Opera wurde von VoiceOver immer nur das gesamte Browserfenster markiert. Es ist mir nicht gelungen an das Fenster-Men� noch an den Inhalt der Webseite heranzukommen.

Einen �berblick �ber VoiceOver findet man bei Apple. Mehr gibt es dort auf den Support-Seiten zu VoiceOver. Hier empfehle ich, das PDF mit den Tastatur-Kommandos herunterzuladen und mit eingeschalteten VoiceOver zu lesen.

iWeb und Apples .Mac Blog

Sun, 15 Jan 2006 21:54:08 GMT

Apples neue iWeb Software entt�uscht etwas, was den generierten Code angeht.

Da es sich sicher �berwiegend um privaste Homepages handeln wird, die damit generiert werden, mag man sich weniger �ber die Unmengen an inline-Styles aufregen. Da� aber nicht einmal ein minimum an semantischem Markup wie P-Tags f�r Abs�tze und Hx-Tags f�r �berschriften generiert werden, ist mehr als entt�uschend.

Apples .Mac Blog zeigt den generierten Code, wenn man in den Source sieht.

Ein weiteres Manko an iWeb ist, da� es offenbar nur zusammen mit einem .Mac-Zugang anwendbar ist.

Zwei weitere Beitr�ge zu Apples iWeb in anderen Weblogs: iWeb's HTML markup. Not so good. und Fiddling with iWeb.

CSS 3 Selektoren

Tue, 10 Jan 2006 22:51:44 GMT

Wer eine (englischsprachige) kurze �bersicht �ber die bisher f�r CSS 3 vorgeschlagenen Selektoren haben m�chte, sollte sich den Artikel CSS 3 selectors explained von Roger Johannsson antun. Mit CSS 3 wird es auch endlich die M�glichkeit geben z. B. das n-te oder das letzte Element in einem �bergeordneten Block zu erreichen, was besondders f�r Listen in Men�s und �ber mehrere Abs�tze reichende blockquotes interessant ist.

Die Ansicht, da� IE aufholt, teile ich allerdings nicht. Immerhin wird vermutlich auch IE7 CSS 2.1 noch nicht komplett unterst�tzen. Da� dann CSS 3 bereits unterst�tzt wird, ist kaum zu erwarten. Nun ja, die Programmierer f�r die anderen Browser haben jedenfalls schon angefangen, das neue CSS zu implemntieren.

Building Accessible Websites

Tue, 10 Jan 2006 22:02:40 GMT

Das Buch Building Accessible Websites von Joe Clark ist zwar schon etwas betagt und enth�lt noch viele Angaben zu Tabellen-Layout, aber es zeigt sehr sch�n auf, mit welchen Problemen sich Menschen mit Einschr�nkungen abk�mpfen m�ssen und welche L�sungsans�tze es gibt.

Das Buch ist nicht in deutscher Sprache verf�gbar, aber man kann daf�r unter obigem Link auch auf eine aktualisierte Fassung zugreifen. Wer das Buch bereits besitzt, kann dort auch sehen, was gegen�ber der Druckversion ge�ndert ist.

Joe Clark besch�ftigt sich seit vielen Jahren mit dem Thema Zug�nglichkeit von Webseiten und h�lt auch Vortr�ge dazu.

Bleibt zu erw�hnen, da� er beim Erstellen des Buches von Mark Pilgrim, dem Autor von Dive Into Accessibility unterst�tzt wurde.

Bibliographische Daten:

Titel:Building Accessible Websites Autor:Joe Clark Verlag:New Riders, Indianapolis Jahr:2003 ISBN:ISBN 0-7357-1150-X Art:Paperback mit CD-Rom

Blockquotes in CSS

Thu, 05 Jan 2006 01:38:08 GMT

Blockquotes kann man mit CSS auf verschiedene Arten stylen. Dazu gibt es eine Reihe von Tips im Web. Wie aber bekommt man sprachabh�ngig einfach nur die typographisch korrekten Anf�hrungsstriche an den Anfang und das Ende des Blockes? Auch hier hilft das Beispiel in der CSS-TR nicht viel weiter.

Die einfache L�sung findet sich in den CSS dieses Weblogs:

blockquote {font-style: italic;}
blockquote p {display: inline;}
blockquote:before {content: "\201E";}
blockquote:after {content: "\201C";}

Nachteil diese L�sung ist, da� sie nur mit einzelnen Abs�tzen funktioniert. Werden mehrere Abs�tze in einem Blockquote zusammengefa�t, so geht die Absatzformatierung verloren.

F�r die Debian-Homepage habe ich eine bessere L�sung gefunden:

blockquote p:first-child:before {content:"\201E";}
blockquote.quote p:after {content: ""; }
blockquote.quote p.last:after {content: "\201C";}

Dabei mu� der letzte Absatz des Zitates mit der Klasse "last" versehen werden. Diese l��t die schie�enden Anf�hrungstriche genau am Ende des letzen Absatzes erscheinen. F�r die anderen Abs�tze werden die schlie�enden Anf�hrungsstriche explizit unterdr�ckt.

Mit den IE7-Scripts von Dean Edwards funktioniert das dann auch im IE.

Zitate, CSS und IE

Thu, 05 Jan 2006 01:01:52 GMT

Auf meiner normalen Homepage Witch habe ich eine Reihe von CSS-Tests gesammelt, unter anderem eine L�sung f�r das Styling von Q-Tags f�r Zitate.

Wer sich die Seite mit dem Internet-Explorer ansieht, wird aber keine Anf�hrungstriche sehen, nicht einmal einfache ungestylte. Ursache: IE versteht offenbar das Q-Tag �berhaupt nicht. Jegliche Versuche, typographische Anf�hrungsstriche bleiben zudem wegen eines bekannten Selektor-Bugs im IE aussichtslose Unterfangen.

Dean Edwards hat f�r IE einen Satz von Skripten namens IE7 entwickelt, die das Problem �ber Javascript l�sen. Die Skripte k�nnen in die Seiten �ber "Contitional Comments" eingebunden werden und werden dann nur vom IE geladen. Das Ergebnis f�r die oben angegebene Seite kann man auf der zweiten Zitat-Seite begutachten.

Die Styles f�r die Q-Tags befinden sich �brigens direkt in den Seiten und sind mit diversen Browsern unter Linux und OS X getestet. Das d�rfte vielleicht f�r diejenigen interessant sein, die festgestellt haben, da� sowohl der Vorschlag in der CSS-TR als auch viele Tips auf diversen CSS-Webseiten nicht mit allen Browsern funktionieren.

Strukturierter Text mit PyDS

Sat, 31 Dec 2005 11:44:00 GMT

Mal wieder ein paar Erg�nzungen und Korrekturen:

Bugs
Fieldlists
Verschachtelte Listen
Zitatbl�cke

Accessibility - Zug�nglichkeit von Webseiten

Fri, 30 Dec 2005 20:26:40 GMT

Nur zur Erinnerung f�r die, denen es nicht egal ist, ob ihre Seiten m�glichst f�r jede und jeden zug�nglich sind.

Accessibility - Barrierefreiheit von Webseiten

Mon, 12 May 2003 20:34:08 GMT

"very cool" nennt der Schockwellenreiter die Forderung von Pro Familia, alle Internetseiten Barrierefrei anzulegen und nicht nur die von �ffentlichen Stellen wie Beh�rden.

Ich f�rchte, wir sind noch weit entfernt von einer allgemeinen Zug�nglichkeit, bedenkt man, da� auch �ffentliche Einrichtungen oft keine Textversion ihrer Seiten zur Verf�gung stellen und umfangreich Javascript und Tabellen einsetzen. - Dabei w�re es f�r die Webdesigner so einfach, alle Seiten zu validieren und wenigstens mal mit einem Textbrowser wie Lynx anzusehen.

Solange es nur Einzelpersonen sind, die sich beschweren, und meist nicht die Betroffenen selbst, weil die ja gar nicht wissen, bei wem sie sich bescheren k�nnen, wenn sie die Seiten nicht lesen k�nnen, solange werden sich Webmaster weiter erdreisten, jegliche Beschwerde abzuweisen.

Warum ist das so? Viele, die Webseiten zusammenbauen, bauen diese f�rs "sch�ne Aussehen". Der Abnehmer (Auftraggeber) probiert selten aus, ob das, was da erstellt wurde auch bedienbar ist, sondern begn�gt sich mit einer Pr�sentation. Hinzu kommt, da� es oft reicht, ein Programm zum Bauen von Webseiten bedienen zu k�nnen, um sich Webdesigner zu nennen. Ahnung von der Materie mu� man dabei nicht haben, weil das keiner der Kunden oder Vorgesetzten verlangt (und meist auch nicht kontrollieren kann). Was dann dabei herauskommt, ist dementsprechend.

Auf Beschwerden wird grunds�tzlich abweisend und mit Ausreden reagiert. Weniger als 5 % der Verantwortlichen sorgen tats�chlich durchgreifend f�r eine �nderung der Webseiten. In sehr vielen F�llen erfolgt auf Beschwerden �berhaupt keine Reaktion oder eine auf den Webseiten angegebene Adresse f�r das Feedback wird gebounced.

Zum richtigen Gestalten der Webseiten und einigen Hilfen siehe auch den Artikel "Accessibility - Zug�nglichkeit von Webseiten". Sobald ich eine bessere M�glichkeit f�r den Selbsttest der eigenen Webseiten gefunden habe, werde ich den Artikel entsprechend erweitern.

"Kritik an Internet-Auftritten von Olympia-Bewerberst�dten"

Thu, 03 Apr 2003 14:16:32 GMT

Hamburg schneidet ja nicht ganz so schlecht ab. Aber da gestern mal wieder ein Paralympics-Teilnehmer im Fernsehen war und ich mich in dern letzten Tagen wieder mit der Zug�nglichkeit von Webseiten besch�ftigt habe, frage ich mich, ob denn Accessibility bei solchen Untersuchungen �berhaupt keine Rolle spielt...

Was ist unter Accessibility zu verstehen?

Wed, 02 Apr 2003 12:14:56 GMT

Accessibility hei�t auf Deutsch Zug�nglichkeit. Man versteht im Bezug auf Webseiten darunter allgemein, wie leicht oder schwer die Inhalte zu erreichen sind und insbesondere, wie sich diese Erreichbarkeit der Informationen f�r Leute mit einer Behinderung (insbesondere Sehbehinderung) darstellt.

Generell gilt: Websites sollten in der gleichen Weise Zug�nglichkeit f�r alle Interessierten garantieren, wie z. B. �ffentliche Geb�ude. So wie z. B. Treppen es einer Rollstuhlfahrerin unm�glich machen k�nnen, in ein Geb�ude zu kommen, so machen es Flash-Anwendungen bei vielen Websites sehbehinderten unm�glich, an die Inhalte einer Website zu kommen. Auch Javascript mit dem beliebten Mouse-Rollover (Links/Informationen erscheinen erst, wenn man mit der Maus �ber eine bestimmte Stelle geht), macht es Sehbehinderten unm�glich, an die Inhalte zu kommen.

Aber auch, wenn eine Seite auf dem eigenen Computer recht schlicht aussieht, kann es fallen geben, die gar einen wesentlich gr��eren Kreis als die Blinden treffen. Da seien z. B. als erstes feste Tabellenbreiten mit mehr als 640 Zeichen in einer Zeile genannt. Wenn jemand mit extremer Sehbehinderung diese Seiten mit dem entsprechend gro�en Font ansieht, bleibt innerhalb des Bildschirms vielelicht gerade die H�lfte einer Zeile �brig. Als Folge mu�t f�r das Lesen jeder einzelnen Zeile st�ndig hin- und hergescrollt werden.

Die obigen Beispiele zeigen, da� sogennannte Hardliner, die auch ohne Behinderung f�r sich selbst fordern, auf Javascript und feste Zeilenl�ngen zu verzichten, durchaus berechtigte Forderungen aufstellen. Wer Webseiten erstellt, macht das meist nicht f�r sich selbst sondern weil er/sie auch m�chte, da� sie gelesen werden. Nun, dann mu� man auch daf�r sorgen da� sie gelesen werden k�nnen.

Da ich mich auch mit Fotografie besch�ftige, hier auch zum Thema Foto-Sites ein paar Hinweise: Auch Blinde interessieren sich f�r Kunst oder Reiseberichte. Um diesen den Zugang zu erm�glichen, sollte man durchaus mal erw�gen, Bilder zu beschreiben. Wenn es um fotografisches Zubeh�r geht, sollte man auch bedenken, da� Blinde nicht in einem isolierten Raum leben. Auch die blinde Mutter m�chte sich z. B. dar�ber informieren, welchen Fotoapparat denn nun f�r Sohn oder Tochter wohl geeignet ist.