zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden http://www.joomla-barrierefrei.de

Antwort
 
LinkBack Themen-Optionen Ansicht
  #21 (permalink)  
Alt 12.10.2005, 15:33
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.05.2005
Beiträge: 72
timail befindet sich auf einem aufstrebenden Ast
Standard

danke erstmal für die erläuterungen

will ja nicht unfreundlich sein, aber könnten wir bitte mal zum review meiner siete zurückkehren...noch jemanden etwas aufgefallen?
Mit Zitat antworten
Sponsored Links
  #22 (permalink)  
Alt 12.10.2005, 16:54
Benutzerbild von riot
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 14.09.2004
Beiträge: 195
riot befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

also ich finde die Schrift eindeutig zu groß. 1em reicht völlig aus! Außerdem sieht es so aus als wenn alles fett geschrieben ist, und das ist keinesfalls barrierefrei. Getestet mit Fx1.5 Beta1

Schon beim 1fachen Skalieren der Schrift leuft das Layout aus dem Ruder.

Und Tidy meldet:
HTML Validation Result
----------------------
http://www.joomla-barrierefrei.de/

line 40 column 41 - Warning: missing[*]
line 59 column 5 - Warning: <a> attribute "tabindex" lacks value
line 60 column 5 - Warning: <a> attribute "tabindex" lacks value
line 61 column 5 - Warning: <a> attribute "tabindex" lacks value
line 62 column 5 - Warning: <a> attribute "tabindex" lacks value
line 63 column 35 - Warning: <a> attribute "tabindex" lacks value
line 64 column 5 - Warning: <a> attribute "tabindex" lacks value
line 65 column 5 - Warning: <a> attribute "tabindex" lacks value
line 66 column 5 - Warning: <a> attribute "tabindex" lacks value
line 67 column 5 - Warning: <a> attribute "tabindex" lacks value
line 68 column 35 - Warning: <a> attribute "tabindex" lacks value
line 76 column 4656 - Warning: trimming empty


line 96 column 764 - Warning: trimming empty [b]
line 96 column 1588 - Warning: trimming empty <div>
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Transitional//EN"
Info: Document content looks like XHTML 1.0 Transitional
14 warnings, 0 errors were found!
0 errors / 14 warnings / 68 access warnings
Angehängte Grafiken
Dateityp: jpg unbenannt-2.jpg (53,7 KB, 288x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #23 (permalink)  
Alt 12.10.2005, 17:13
Neuer Benutzer
neuer user
 
Registriert seit: 27.09.2005
Beiträge: 5
Moorhuhn befindet sich auf einem aufstrebenden Ast
Standard

Die Headergrafik würde ich auch noch einmal bearbeiten, 300 KB ist ja wohl ein bisschen abartig. Die bekommt man locker auf 50 KB runter ohne irgendwelche grossen Qualitätsverluste.

Die Anfangs-Schriftgrösse finde ich ebenfalls wie mein Vorredner ein bissel zu gross.
Mit Zitat antworten
  #24 (permalink)  
Alt 12.10.2005, 18:04
Benutzer
neuer user
 
Registriert seit: 22.10.2004
Beiträge: 87
RitterRunkel befindet sich auf einem aufstrebenden Ast
Standard

Bei mir sieht die Fließschrift nicht fett aus. Im Gegenteil, sieht nach 1 em und Trebuchet o.ä. aus. Ich finde das Schriftbild sehr angenehm. Allerdings ist meine Voreinstellung 16px. Vielleicht haben andere hier schon größere Voreinstellungen.
Wo steht, daß fette Schrift nicht barrierefrei ist? Das kann meines Erachtens nach der Lesbarkeit bei großen Schriften förderlich sein. Und Firefox verdickt die Schrift ab einer entsprechender Größe sogar selbst.

Zitat:
Zitat von fricca
Wenn ein Benutzer die Voreinstellung abweichend von 16px eingestellt hat, entspricht 1em auch bei den sog. 100% "Zoom" (und 100% Schriftgröße) nicht 16px. Was dann passiert, wenn er auf Strg+/- drückt ist eine andere Baustelle.
Bei mir ist aber eben das der Fall. Wie vorhin schon geschrieben kann ich Firefox z. B. 18 px für den Fließtext vorgeben und das hat denselben Effekt wie STRG +. Die em-Größe geht nach meinem Kurztest mit in die Höhe. Wie nimmst Du die Voreinstellung vor, ohne daß em beeinflußt wird?

Zitat:
Zitat:
Zitat von fricca
wenn die Schriftgröße eines Elements nicht 100% beträgt.
Zitat:
Zitat von RitterRunkel
Naja, mit abweichender Prozentzahl weicht doch auch die vergleichbare Größe in em gleichermaßen ab, oder?
Zitat:
Zitat von fricca
Darum geht's hier.
Also geht doch mit Elementen die nicht 100% Schriftgröße haben, auch die em-Größe zurück. Ich verstehe nicht, inwiefern Dein Punkt mit den nicht-100%-Elementen für meine Frage relevant ist.
100%->1em->16px.
50%->.5em->8px.
Wann kann ich dieses Verhältnis zerstören? Ich schaffe es nicht durch Voreinstellungen seitens des Browsers. Bei mir bleibt es stets gleich.
Mit Zitat antworten
  #25 (permalink)  
Alt 12.10.2005, 18:13
Benutzerbild von riot
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 14.09.2004
Beiträge: 195
riot befindet sich auf einem aufstrebenden Ast
Standard

Irgendwie logisch das die Schrift hier zu groß angezeigt wird.
im Body 101%.
div 101%
p 101%
h1 101%

und alle Klassen habe auch 101%

Das wird ja immer weiter vererbt
Wenn man alle Elemente schachtelt sind das 3-4% mehr als 1em!


MfG
Mit Zitat antworten
  #26 (permalink)  
Alt 12.10.2005, 18:18
Benutzer
neuer user
 
Registriert seit: 22.10.2004
Beiträge: 87
RitterRunkel befindet sich auf einem aufstrebenden Ast
Standard

Stimmt, klingt logisch. Komisch daß es bei mir noch nicht reicht, den Text eine Stufe zu vergrößern (ff 1.06, Opera 8.50). 100.01% sind wohl doch angebrachter. Die Zweitkommastelle wird hoffentlich ganz ignoriert und nicht in der 300. Verschachtelung böse Folgen haben.
Mit Zitat antworten
  #27 (permalink)  
Alt 12.10.2005, 21:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von RitterRunkel
Wie nimmst Du die Voreinstellung vor, ohne daß em beeinflußt wird?
Eben gar nicht. Das ist der Punkt.
Was der Benutzer eingestellt hat, kannst du nicht beeinflussen. Deshalb stimmt die Aussage nicht, 1em würden 16px entsprechen.

Zitat:
100%->1em->16px.
50%->.5em->8px.
50% ->1em->8px.
Mit Zitat antworten
  #28 (permalink)  
Alt 13.10.2005, 03:38
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.06.2004
Beiträge: 172
beeviz befindet sich auf einem aufstrebenden Ast
Standard

Mit Zitat antworten
  #29 (permalink)  
Alt 13.10.2005, 04:11
Benutzerbild von Pablo
4 8 15 16 23 42
XHTMLforum-Kenner
 
Registriert seit: 31.05.2004
Beiträge: 1.772
Pablo sorgt für eine eindrucksvolle AtmosphärePablo sorgt für eine eindrucksvolle Atmosphäre
Standard

Sys s. o.
Nichts verändert (Schriftgröße, etc.):



Außerdem noch der komprimierte Header:
Angehängte Grafiken
Dateityp: jpg header_169.jpg (25,7 KB, 196x aufgerufen)
__________________
Go Opera!
… oder Chrome. Auch cool.
Mit Zitat antworten
Sponsored Links
  #30 (permalink)  
Alt 13.10.2005, 10:27
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Die Hintergrundgrafik für den Textcontainer bekäme man leicht auf 10 kb und weniger...


Ansonsten ist die Skalierbarkeit noch ein echtes Problem.
Liegt wohl am Headerbild, das eben nicht mitwachsen kann.
Ein Mitwachsen des Headerbildes ( oder eine ähnliche Geschichte) sollte aber gegeben sein, damit der Container mit der Schriftgröße wachsen kann.
So läuft alles nach einer oder zwei Vergößerungen aus dem Ruder.
Das ist leider nicht barrierrefrei.

grüsse andir

Edit: bgcontent als Hintergrund aufgehellt - bessere Lesbarkeit des Textes und als jpg abgespeichert - bessere Kompression.
Angehängte Grafiken
Dateityp: jpg bgcontent.jpg (4,4 KB, 179x aufgerufen)
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus



Alle Zeitangaben in WEZ +2. Es ist jetzt 07:17 Uhr.