XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Site- und Layoutcheck (http://xhtmlforum.de/forumdisplay.php?f=77)
-   -   Bitte um Sitecheck (http://xhtmlforum.de/showthread.php?t=47440)

laborix 17.08.2007 23:23

Bitte um Sitecheck
 
Hallo zusammen,

was lange dauert, hat endlich eine brauchbare Fassung zu Tage befördert. Da ich im Augenblick vor lauter Quelltext und "Valid" nichts mehr sehe (trotz Brille :D ), möchte ich euch um einen Sitecheck bitten:

Die Neue: Internet Browser testen und vergleichen

Es ist jetzt so ziemlich alles berücksichtigt, was mir als Feedback (etwa 1 Jahr gesammelt) zugesandt wurde. Auch habe ich versucht, alle Punkte der Sitecheck Kriterien zu beachten :?

Könnt ihr euch das mal anschauen?

Danke
Laborix

paracelsus 18.08.2007 14:40

Servus laborix!

Erstmal Gratulation; grossartige Zugänigkeit!
Quelltext und CSS sind valide - brauch ich Dir wohl nicht zu sagen :mrgreen:!

Die Seite macht den Zoom gut mit, allerdings fällt dann gleich mal die Grafik im Menü auf, die mit den a in der Länge mitwachsen, aber der Balken dahinter wirkt proportional dazu immer grösser.
Unten rechts in den Schnelllinks brechen einzelne Links um (Bsplw.: jpeg2000) wenn der Text vergrössert wird, vor allem bei kleineren Bildschirmen verwirrt das ein bischen.

Vom Design her fehlt mir ein bischen "Leben", die Seite wirkt eher verhalten.
Das Headerbild kann viel mehr Farbe vertragen, und die grossen Icons Links - vor allem ?, ! und i sind doch recht schwammig. Hier würde ich mehr knallig werden und auf Kontur setzen, der Verlauf macht es irgentwie losgelöst.
Trau Dich mehr mit den Farben zu spielen!

Kompliment für die technische Umsetzung!:thumbsup:

cu

Crizzo 18.08.2007 16:06

Wieso schreibst du vor die Links extra noch <img.../> für den Pfeil? Für moderne Browser kann man das mit :beforce lösen oder einfach den Pfeil per "background" einbinden. ;)

laborix 18.08.2007 16:33

Zitat:

Zitat von paracelsus (Beitrag 346268)
Die Seite macht den Zoom gut mit, allerdings fällt dann gleich mal die Grafik im Menü auf, die mit den a in der Länge mitwachsen, aber der Balken dahinter wirkt proportional dazu immer grösser.

Der Preis der diese Navigation skalierbar macht in vielen Browsern. Werde mir das aber noch mal anschauen und nach einer möglichen Lösung suchen.

Zitat:

Zitat von paracelsus (Beitrag 346268)
Unten rechts in den Schnelllinks brechen einzelne Links um (Bsplw.: jpeg2000) wenn der Text vergrössert wird, vor allem bei kleineren Bildschirmen verwirrt das ein bischen.

Dafür habe ich bisher noch keine Lösung gefunden. Das einzigste was ohne Probleme funktioniert wäre:

- JEPG-2000 oder JEPG2000
- Web-Developer-Toolbars oder WebDeveloperToolbars

Steht aber schon auf der TODO :)

Zitat:

Zitat von paracelsus (Beitrag 346268)
Trau Dich mehr mit den Farben zu spielen!

Ähm, mein allgemein bekanntes Problem :oops:

@paracelsus: Danke für Lob und Anregungen


Zitat:

Zitat von BlackHawk (Beitrag 346275)
Wieso schreibst du vor die Links extra noch <img.../> für den Pfeil?

Ähm, weil ich noch nichts anderes ausprobiert habe. :?

Aber abgesehen davon, die Lösung das eventuell als background einzubinden werde ich mal mit älteren Browsern (IE 5.0/Netscape 6.2) testen. Danke für den Tipp :)

Dieter 18.08.2007 16:49

Hallo, Matthias!

Mir gefällts!

Farben sind ja nun mal Geschmacksache; aber hier stimmt der Kontrast (habs als Scheeler gut sehen können!).

":before" funktioniert im IE bis einschliesslich Version 6 nicht und darf damit als "nicht praxistauglich" gelten. Das Einfügen informativer Grafiken (hier: vor den Links) kann deshalb nur per CSS (als Hintergrundbild) oder im Quelltext (ohne alt-Attribut) erfolgen. Ohne alt wird es vom SR nicht interpretiert und dem bisschen Quelltext mehr steht eine sinnvolle optische Orientierungshilfe für den User gegenüber! ;)

laborix 18.08.2007 17:19

Danke für das Lob :)

Zitat:

Zitat von Dieter Krautkrämer (Beitrag 346279)
aber hier stimmt der Kontrast (habs als Scheeler gut sehen können!).

Kann ich mit meiner Farbschwäche auch ;)

Zitat:

Zitat von Dieter Krautkrämer (Beitrag 346279)
Das Einfügen informativer Grafiken (hier: vor den Links) kann deshalb nur per CSS (als Hintergrundbild) oder im Quelltext (ohne alt-Attribut) erfolgen.

Hab da mal ne Frage, eventuell weisst du das :)

Irgendwo habe ich gelesen (neue BITV oder WCAG 2), das man das alt-Attribute immer angeben soll. Allerdings, wenn man keinen alt-Text verwendet in dieser Art:
Code:

<img src="image.png" alt=" " />
also mit einem Leerzeichen. Weisst du was dazu?

Crizzo 18.08.2007 17:25

wieso mit Leerzeichen?

@Dieter: Ich schrieb ja "für moderne Browser". Background funktioniert aber überall, wenn der Link nicht über zwei Zeilen geht.

laborix 18.08.2007 18:03

Zitat:

Zitat von laborix (Beitrag 346281)
Irgendwo habe ich gelesen (neue BITV oder WCAG 2), das man das alt-Attribute immer angeben soll. Allerdings, wenn man keinen alt-Text verwendet in dieser Art:
Code:

<img src="image.png" alt=" " />
also mit einem Leerzeichen. Weisst du was dazu?

Habe es gerade wieder gefunden:
Techniques for WCAG 2.0
Also kein Leerzeichen verwenden :)

Dieter 18.08.2007 18:29

Hallo, Matthias!

Nee, bloß kein Leerzeichen im alt-Attribut!

SR sind in aller Regel "ab Werk" so eingestellt, dass sie Grafiken nicht interpretieren, wenn das alt-Attribut fehlt oder leer gelassen wurde. Mit einer Leertaste ist es aber nicht mehr leer - dann wird "Grafik" ohne weitere Erklärung vorgelesen. Lästig - und ohne jeden Informationsgehalt.

Dieter 18.08.2007 18:34

Zitat:

Background funktioniert aber überall, wenn der Link nicht über zwei Zeilen geht.
Falls Links sich über zwei Zeilen erstrecken (könnten), kann man dies ja bei der Auswahl der Grafiken berücksichtigen.

Oder man arbeitet als Markierung für diese Links mit "border-left: 1em solid #000;", ausreichend "padding-left" und "line-height:1.0;".


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:12 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023