Dokumentation der Verbesserungen an Sylvia's Home

Den Quelltext habe ich gründlich überarbeitet. Eine Menge überflüssige(r) Quelltext und Kommentare sind rausgeflogen. Außerdem habe ich den Quelltext übersichtlicher strukturiert. Die meisten Style-Angaben habe ich aus dem Quellcode genommen und dafür Anweisungen im CSS erstellt. Der Hauptzweck der ganzen Aktion war, die Website barriereärmer zu gestalten.

Äußerliches:

Die auffälligste Veränderung - abgesehen vom neuen Design - ist der Footer. Dieser wurde mit der Anweisung "clear: both;" vesehen, so dass die gefloatete Subnavigation schön im Container bleibt. Außerdem beinhaltet er neben dem Copyright-Hinweis einen Link zur Sitemap, die dadurch von allen Seiten aus erreichbar ist.

Ich habe auch ein neugebasteltes Favicon eingebunden. Leider mag Safari es nicht anzeigen. Seufz!

Aus dem Hauptmenüpunkt "Gästebuch" wurde "Kontakt". Dort findet man nun neben dem Link zum Gästebuch den E-Mail-Link.

Der Haupttext ist jetzt in Blocksatz gehalten. Das gefällt mir einfach besser.

Optische Verbesserungen:

Ich habe die Schriftgrößen in allen Bereichen erhöht, um die Lesbarkeit zu erhöhen. Zumindest im IE6 wird die Schrift nun auch schöner dargestellt.

Es hat sich herausgestellt, dass kursive Schrift zur Hervorhebung von Textstellen einfach nicht ausreicht. Deshalb werden Textstellen jetzt im Grün der Überschriften hervorgehoben. Derzeit zu sehen in den Beschreibungen auf den Eingangsseiten zu den Unterbereichen.

Überschriften und Links haben jetzt unterschiedliche Farben.

Den Websitetitel im Logo habe ich nun absolut positioniert. Das wirkt sich positiv aus, wenn ein Besucher die Schrift über den Browser vergrößert. Man müsste die Schrift schon extrem vergrößern, um den Logotext noch "aus der Spur" zu bringen.

Usability:

Am Anfang jeder Seite habe ich die Sprachangaben ergänzt, damit ein Screenreader erkennt, welche Sprache er da vorliest. Dasselbe habe ich bei Abschnitten gemacht, in denen ein Sprachwechsel stattfindet.

Die Subnavigation ist jetzt passenderweise in eine ungeordnete Liste verpackt.

Die Rubriken "Aktuelles" bzw. "News" auf den Startseiten sind nun auch nicht mehr fälschlicherweise in Definitionslisten vergraben, sondern wurden in h3- bzw. p-Elemente gesteckt.

Auch alle Absätze habe ich in p-Elemente verstaut.

Für mein Zahlenspiel habe ich mir die Mühe gemacht, die jeweilige Zahlenreihe im Alt-Text zu wiederholen, damit jemand, der das Bild nicht sehen kann, auf den Alt-Text zurückgreifen kann. Damit wird das Zahlenspiel auch für solche Besucher spielbar.

Sylvia's Home mag damit noch nicht ein Vorbild für Barrierefreiheit bzw. -armut sein, aber ich bin sicher, obige Verbesserungen stellen einen großen und wichtigen Schritt in die richtige Richtung dar.