nicht angemeldet
Hallo Peter,
Die Adressen sind so unschön, wenig benutzerfreundlich und auch wenig suchmaschinenfreundlich. Anstatt ?page=service könntest du /service/ usw. einsetzen. Intern kannst du die Adressen /blabla/ auf ?page=blabla umschreiben, dazu bietet sich das Apache-Modul mod_rewrite an, im Forumsarchiv sind Beispiellösungen dazu zu finden, nicht zuletzt auch über Google.
Die Dokumenttitel sind alle dieselben, sie sollten besser eindeutig sein.
Einige alt-Attribut der Bilder sollten aussagekräftiger sein. Der Alternativtext sollte dieselben Informationen herüberbringen, die das Bild an im speziellen Kontext herüberbringen soll. Beispielsweise ist auf der Karte http://213.146.166.70/domains/brasil-urlaub-service.de/images/characteristics1.jpg die Region Bahia markiert, dies sollte entsprechend im Alternativtext genannt werden (Bahia befindet sich im Osten dortunddort zwischen Salvador und Recife usw.). Mehr Beschreibung wäre auch bei den darauffolgenden Karten möglich. Das title-Attribut könnte auch entsprechend gefüllt werden (mit einem Zusatztitel, nicht verwechseln mit dem Alternativtext, der das Bild ersetzt).
Die Sitemap halte ich nicht für nötig, da alle Unterseiten bereits über die Navigation zugänglich sind und die Abschnitte mit den Ankern m.E. nicht so wichtig sind. Außerdem kommen MSIE und Opera nicht mit maskierten Umlauten in einem Link zum Anker klar (#K%FCstenstra%DFe). Da sollte ganz einfach »#Küstenstraße« möglich sein, oder »#Kuestenstrasse«, wenn du auf Nummer sicher gehen willst.
Es wurde schon gesagt, glaube ich, die Scans sind von minderer Qualität, z.T. ungenau beschnitten. Das Foto unter Kontakt ließe sich auch ein wenig nachbearbeiten, ebenso einige unter Urlaub.
Die Rubrik Urlaub ist so auf keinen Fall barrierefrei und m.M.n. auch wenig benutzbar. Zuerst einmal sollte die Reihenfolge im Code ihren Sinn haben, nämlich die Überschriften entsprechend vor den jeweiligen Bildern und Texten stehen. Ob die Umschalter über die Grafiken in der Form intuitiv verständlich sind, bezweifle ich. Was soll der Schriftzug »Informationstext« aussagen? Dann eher »Wählen Sie die Symbole an ...blabla«. Vielleicht kannst du das Markup so organisieren, dass alle Bilder und Texte in der richtigen Reihenfolge im Code stehen:
<div id="bilder">
<h2>Urlaub am sonnigen Strand</h2>
<div id="strandbild1">
<p><img src="images/vacation1.jpg" ... /></p>
<p>...Text...</p>
</div>
<div id="strandbild2">
<p><img src="images/vacation1.jpg" ... /></p>
<p>...Text...</p>
</div>
...
</div>
Über die Auswahlnavigation könntest du dann per DHTML das jeweilige div-Element zeigen und die anderen verstecken. Die Alterativtexte der Bilder der Auswahlnavigation (1, 2, 3, 4) würde ich dann leer lassen, allerdings lesen die gängigen Screenreader entgegen allgemeiner Annahmen Elemente mit display:none/visibility:hidden nicht vor, so würde die verständlichere Struktur wahrscheinlich selten ankommen.
Das »Springen« der kompletten Darstellung beim Bild- und Textwechsel würde ich vermeiden, vielleicht bekommst du jeweils eine einheitliche Größe der Container hin. Die jetzige Darstellung ließe sich wahrscheinlich nur mit position:absolute erreichen, was sich auf das #bilder-Containerelement bezieht, welches dazu position:relative erhält (wird wahrscheinlich kompliziert). Oder float, da müsstest du sehen, wie es passt.
Die Listenpunkte auf der Startseite (»... am sonnigen Strand« usw.) würde ich verbergen.
Mathias