Hallo,
ich möchte meinem Beitrag eines vorwegnehmen: Ich finde es super, dass ihr euch überhaupt um das Thema Sehbehinderte schert! Solche Leute müsste es viel mehr im Internet geben! Danke!
Ich hoffe, mein Beitrag kommt nicht zu destruktiv herüber. Es ist immer leicht zu kritisieren, aber ich meine es eigentlich gar nicht böse.
Invalider Quelltext (117 Fehler, 17 Warnungen).
Ungünstig gewählter Seitentitel. ("Start"!? - man bedenke, dass der Seitentitel das ist, was standardmäßig in den Favoriten angezeigt wird, wenn der Besucher die Seite speichert. Eine Seite mit Titel "Start" ist dann nicht mehr wirklich auffindbar)
Zum Thema Layout:
Das ist ein Dreispalten-Layout ohne dritte Spalte. Optisch steht es deshalb irgendwie schief da.. oder zumindest komisch: Du hast links viel Gewicht durch die Farblich unterlegten Menüpunkte, in der Mitte hast du die Überschriften in der selben farblichen Unterlegung (gut!), aber rechts steht dann plötzlich alles in der Luft. Vielleicht kannst du die rechte Spalte einfach mit der Menüfarbe unterlegen, das würde schon sehr helfen!
Was die Eisblumen unter dem Menü da suchen, ist mir schleiherhaft (haben die irgendeinen Sinn? Sie passen nicht ins Design wegen den sonst warmen Farben und ergeben keinen ersichtlichen Sinn - irgendwie wirken sie fehl am Platz)
Zum Thema Sehbehindertengerecht:
Zunächst einmal können wir ja mal davon ausgehen, dass Sehbehindert nicht gleich blind ist, d.h. es geht nicht nur um Screenreader. Deshalb kommt auch hier noch einiges zur Optik:
Da fällt erst mal auf, dass die Schrift eines normalen Textes schlecht lesbar ist. Ich bin selbst nicht sehbehindert (obwohl? ich bin brillenträger
aber nee, das zählt nicht^^), also kann ich es nicht 1000%tig sagen, aber eine feine Struktur hinter einer Antiqua Schriftart und dann noch so wenig Farbkontrast? Mh, da werde ich vorsichtig. Ich würde zu einer Groteskschriftart raten (zur Erklärung: Antiqua sind die Schriftarten, die sog. Serifen haben. Beispiel: Times New Roman. Grotesk oder Sans Serif sind die ohne Serifen. Beispiel: Arial. Es wird darum gestritten, welche Schriftarten am Bildschirm besser lesbar sind, aber Serifen auf so einem Hintergrund sind mMn allemal schlecht. Ich würde so oder so eine Schriftart ohne Serifen nutzen.)
Den Farbkontrast von Schriftfarbe und Hintergrund würde ich auch verstärken (das ist nicht nur für Sehbehinderte von Vorteil, sondern erfreut alle Leute, die eure Texte länger als ein paar Sekunden lesen sollen!). Am besten sind einfarbige, helle, pastellfarbige Hintergründe (keine Strukturen!).
So, jetzt mal mehr zu Blinden u.ä.:
Kleiner Tipp am Rande: Wenn du wissen willst, wie ein Blinder die Seite mitbekommt, empfehle ich dir Lynx. Das ist ein Textbasierter Browser, der - wie der Name schon sagt - nur text anzeigt. Kein Bilder, keine Tabellen, kein gar nix. Eben so, wie ein Screenreader, ein GoogleBot oder sonstiges.
Wenn ich mir die Seite mit Lynx anschaue, fallen zwei Dinge sofort ins Auge:
1. Gut strukturiert. Menü ist oben, das ist soweit ok (darüber streiten sich die Leute, wo das Menü in der Struktur sein soll), darunter die Artikel mit Überschrift und "weiter lesen"-Link.
2. Zwischen Menü und Artikel erscheinen komische Links, mit denen ich so erst mal nix anfangen kann! - Gerade noch mal geschaut, ok... das ist die rechte spalte... mist. Für Sehbehinderte halte ich diese Links vollkommen deplaziert, weil sie eigentlich unter die Artikel gehören, allerdings kenne ich keine Möglichkeit, dies technisch zu realisieren, sofern man eine vernünftige Seite machen will. Insofern gehe ich da mal nicht mehr drauf ein.
Was aber auf den zweiten Blick auch auffällt:
Alle "wichtigen" pix haben alttext
Du hast etwas an den "alttexten" falsch verstanden: Nicht "die wichtigsten" Bilder brauchen alt-texte, sondern ALLE! Das Attribut für alternativen Text ist bei Bildern Pflicht, es ist laut W3C vorgeschrieben. Du hast mit deinem Gedanken insofern aber recht, dass es für die Bilder, in denen du es weggelassen hast, keinen Sinn macht. Was tun? Das W3C empfiehlt, in solchen Fällen ein leeres alt-Attribut zu setzen, also alt="". Sehen kannst du das übrigens in Lynx gut: Der packt dir nämlich überall, wo du Bilder ohne alternativen Text hast, den Dateinamen hin. Nicht gerade schön!
So, das müsste erst mal genügen, denke ich
cu, Micha