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 |
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 |
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. ;)
|
Zitat:
Zitat:
- JEPG-2000 oder JEPG2000 - Web-Developer-Toolbars oder WebDeveloperToolbars Steht aber schon auf der TODO :) Zitat:
@paracelsus: Danke für Lob und Anregungen Zitat:
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 :) |
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! ;) |
Danke für das Lob :)
Zitat:
Zitat:
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=" " /> |
wieso mit Leerzeichen?
@Dieter: Ich schrieb ja "für moderne Browser". Background funktioniert aber überall, wenn der Link nicht über zwei Zeilen geht. |
Zitat:
Techniques for WCAG 2.0 Also kein Leerzeichen verwenden :) |
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. |
Zitat:
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