W3C Validator
Bernd
- barrierefreiheit
0 fastix®0 Gunnar Bittersmann- html
0 fastix®
0 Ingo Turski0 Der Martin...0 Bernd
0 Dirk Ruchatz
Hallo,
ich bin gerade dabei meine Website auf eine barrierefreie Version umzustellen.
Beim Check mit validator.w3.org wurden jedoch einige Fehler angezeigt, mit denen ich nichts anfangen kann. Wäre nett, wenn mir jemand helfen könnte.
Error Line 88 column 81: an attribute value must be a literal unless it contains only name characters.
...nnstelle"></span>haus<span class="trennstelle"></span>bau<...
Error Line 100 column 27: document type does not allow element "h5" here; missing one of "object", "ins", "del", "map", "button" start-tag.
<p class="menutitle"><b><h5><a href="http://www.domain.de...
Info Line 106 column 0: start tag was here.
<p class="menutitle"><b><h5><a href="http://www.domain.de...
Error Line 131 column 48: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.
...r="0" style="margin-top:0.1em" align=right src="bild1.jpg" width="242"...
Vielen Dank im voraus.
Bernd
Moin!
Ganz einfach:
Error Line 88 column 81: an attribute value must be a literal unless it contains only name characters.
...nnstelle"></span>haus<span class="trennstelle"></span>bau<...
<span class="trennstelle"></span>
Das " sollte an der der Stelle nicht durch das entitie erstetzt werden, es wird ja nicht dargestellt.
<p class="menutitle"><b><h5><a href="http://www.domain.de...
Innerhalb eine Absatzes (<p>) hat eine Überschrift <h5> nichts zu suchen.
Error Line 131 column 48: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.
...r="0" style="margin-top:0.1em" align=right src="bild1.jpg" width="242"...
... align="right" ...
Wie wäre es damit HTML noch mal zu lernen...
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
Hallo,
erstmal vielen Dank für die Tipps auf mein erstes Posting. Leider habe ich noch einige Fragen. Mein Code ist sicher nicht perfekt, aber so langsam komme ich dahinter.
Error Line 134 column 71: end tag for "br" omitted, but OMITTAG NO was specified.
<b style="font-weight: bold;">Lagerkosten:</b> 62.000<br>
Error Line 131 column 158: end tag for "img" omitted, but OMITTAG NO was specified.
<img border="0" style="margin-top:0.1em" align="right" src="bild1.jpg" width="242" height="300" alt="Alternativtext">
Error Line 79 column 20: there is no attribute "border".
<img border="0" align="left" src="http://www.domain.de/images/logo_1" width="69" height="78" alt="Startseite">
Error Line 79 column 30: there is no attribute "align".
<img border="0" align="left" src="http://www.domain.de/images/logo_1" width="69" height="78" alt="Startseite">
Nochmal vielen Dank für jede Hilfe.
Bernd
Hi Bernd,
„Wieso verwendest Du XHTML, wenn Dir die HTML-Regeln noch teilweise unbekannt sind?“ [Ingo]
… und auch die Unterschiede zwischen XHTML und HTML, bspw. bei leeren Elementen?
Live long and prosper,
Gunnar
Hi Bernd!
Ich verstehe nicht, warum du ein Drängelposting startest, wenn du noch nicht mal Gunnars Ratschläge beherzigst?
Jetzt wunderst du dich vielleicht, und fragst dich, was du mit seiner Antwort anfangen sollst, aber dann kann ich dir nur empfehlen, dich wenigstens oberflächlich in die Materie XHTML einzuarbeiten.
MfG Hopsel
Hallo fastix,
danke für die Tipps, hat mir sehr geholfen.
Gruß
Bernd
Hi Bernd,
ich bin gerade dabei meine Website auf eine barrierefreie Version umzustellen.
Beim Check mit validator.w3.org […]
Was hat das mit Barrierefreiheit zu tun?
Error Line 88 column 81: an attribute value must be a literal unless it contains only name characters.
...nnstelle"></span>haus<span class="trennstelle"></span>bau<...
Die Anführungszeichen (nicht maskiert!) um den Attributwert fehlen.
Error Line 100 column 27: document type does not allow element "h5" here; missing one of "object", "ins", "del", "map", "button" start-tag.
<p class="menutitle"><b><h5><a href="http://www.domain.de...
p darf keine Blockelemente (wie h5) enthalten.
Info Line 106 column 0: start tag was here.
<p class="menutitle"><b><h5><a href="http://www.domain.de...
Das gleiche.
Error Line 131 column 48: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.
...r="0" style="margin-top:0.1em" align=right src="bild1.jpg" width="242"...
Könnte dasselbe sein wie oben.
Live long and prosper,
Gunnar
Moin!
ich bin gerade dabei meine Website auf eine barrierefreie Version umzustellen.
Beim Check mit validator.w3.org […]
Was hat das mit Barrierefreiheit zu tun?
Das ist einfach beantwortet. Eine der Anforderungen für Barrierefreiheit ist valides HTML.
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix®
Hi,
Beim Check mit validator.w3.org wurden jedoch einige Fehler angezeigt, mit denen ich nichts anfangen kann.
Wieso verwendest Du XHTML, wenn Dir die HTML-Regeln noch teilweise unbekannt sind?
Attribute gehören in Quotes. Also in "" oder ''.
Und in P oder inline-Elementen dürfen keine Block-Elemente verschachtelt werden. Dovon abgesehen ist:
<p class="menutitle"><b><h5>
ziemlicher Murks. <h5> alleine reicht hier völlig, wobei ich mich frage, ob Du davor tatsächlich bereits Überschriften bis zum vierten Grad angegeben hast.
freundliche Grüße
Ingo
Hallo Bernd,
Beim Check mit validator.w3.org wurden jedoch einige Fehler angezeigt, mit denen ich nichts anfangen kann. Wäre nett, wenn mir jemand helfen könnte.
Mal sehen...
Error Line 88 column 81: an attribute value must be a literal unless it contains only name characters.
...nnstelle"></span>haus<span class="trennstelle"></span>bau<...
Was hat " in den <span>s zu suchen? Wozu willst du das Zeichen hier maskieren? Damit es mit zum Attribut gehört? Nein, die Anführungszeichen sollen den Attributwert umschließen - und zwar unmaskiert.
Error Line 100 column 27: document type does not allow element "h5" here; missing one of "object", "ins", "del", "map", "button" start-tag.
<p class="menutitle"><b><h5><a href="http://www.domain.de...
Du verwendest <h5> in einem Kontext, in dem es nicht erlaubt ist, hier innerhalb eines <p> Elements.
Info Line 106 column 0: start tag was here.
<p class="menutitle"><b><h5><a href="http://www.domain.de...
Hier beginnt nach Ansicht des Validators das Element, zu dem du weiter unten das schließende Tag vergessen hast. Column 0 lässt mich auf das <p> Element tippen.
Error Line 131 column 48: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified.
...r="0" style="margin-top:0.1em" align=right src="bild1.jpg" width="242"...
Aus dem Spruch werde ich auch nicht 100% schlau, aber zumindest frage ich mich, wo denn die Anführungszeichen um das "right" geblieben sind.
Abgesehen von diesen Fehlern stellt sich die Frage, warum du nicht komplett alle Angaben, die nur die Darstellung betreffen, ins Stylesheet auslagerst. Dafür ist CSS schließlich gemacht. Wenn du jetzt schon den Aufwand treibst, deine Seite barrierefrei zu gestalten, sollte das eigentlich ein wichtiger Schritt sein. Ich sehe aber noch <b> und align="right", und auch deine <h5> wirken für mich, als hättest du das Element nicht wegen seines Sinngehalts gewählt, sondern wegen seiner Optik. Falls das so ist, denke lieber noch einmal scharf darüber nach.
So long,
Martin
Hallo Martin,
Abgesehen von diesen Fehlern stellt sich die Frage, warum du nicht komplett alle Angaben, die nur die Darstellung betreffen, ins Stylesheet auslagerst. Dafür ist CSS schließlich gemacht. Wenn du jetzt schon den Aufwand treibst, deine Seite barrierefrei zu gestalten, sollte das eigentlich ein wichtiger Schritt sein. Ich sehe aber noch <b> und align="right", und auch deine <h5> wirken für mich, als hättest du das Element nicht wegen seines Sinngehalts gewählt, sondern wegen seiner Optik. Falls das so ist, denke lieber noch einmal scharf darüber nach.
ich weiß, die <h5> Tags sind eher für Überschriften, als für ganze Absätze gedacht. Ich bin aber erst dabei mich langsam in die Materie einzuarbeiten... Wie müßte ich denn den Absatz in CSS formatieren, ohne <h5> zu verwenden?
Gruß
Bernd
Moin Bernd,
...nnstelle"></span>haus<span class="trennstelle"></span>bau<...
mal abgesehen davon, dass die " hier nichts verloren haben - haben dir ja bereits die anderen erleutert -, habe ich mal eine Frage:
Du scheinst diese spans dafür zu nutzen, eine bedingte Silbentrennung zu realisieren... Ich kenne bisher nur die Möglichkeit ­ zu verwenden und dies über ein umschließendes span für gewisse Browser auszuschließen.
Scheinbar hast du eine andere Möglichkeit gefunden, wie machst du's...?
Glück auf
Dirk
Ich kenne bisher nur die Möglichkeit ­ zu verwenden und dies über ein umschließendes span für gewisse Browser auszuschließen.
Hi Dirk,
Was meinst du mit dem 2. Teil?
Live long and prosper,
Gunnar
Moin Gunnar,
Was meinst du mit dem 2. Teil?
ich habe deine Frage zu spät gesehen und hatte sie jetzt schon in https://forum.selfhtml.org/?t=113066&m=717254 beantwortet...
Glück auf
Dirk
Hallo Dirk,
Du scheinst diese spans dafür zu nutzen, eine bedingte Silbentrennung zu realisieren... Ich kenne bisher nur die Möglichkeit ­ zu verwenden und dies über ein umschließendes span für gewisse Browser auszuschließen.
Scheinbar hast du eine andere Möglichkeit gefunden, wie machst du's...?
ich setze einfach an die Stelle, an der die Silbentrennung erfolgen soll, folg. Code: <span class="trennstelle"></span>
Den Tipp habe ich mal in einem Forum gefunden.
Gruß
Bernd
ich setze einfach an die Stelle, an der die Silbentrennung erfolgen soll, folg. Code: <span class="trennstelle"></span>
Den Tipp habe ich mal in einem Forum gefunden.
Bernd,
An welchem Tag des Jahres war das? So kurz nach März?
Überprüft hast du den Tip nicht? Das trennt weder im Firefox noch im IE.
Live long and prosper,
Gunnar
An welchem Tag des Jahres war das? So kurz nach März?
Überprüft hast du den Tip nicht? Das trennt weder im Firefox noch im IE.
Mit dem IE funktioniert es entgegen deiner Aussage wunderbar.
Bernd
Hi Bernd,
Mit dem IE funktioniert es entgegen deiner Aussage wunderbar.
Mit meinem IE 6 funktioniert es entgegen deiner Aussage nicht.
Außerdem ist <span></span>
gerade für den IE völliger Unsinn, da dieser ­
richtig anwendet und dann beim Trennen auch den Trennstrich am Zeilenende setzt.
Es ist ein Jammer, dass andere Browser bei ­
nicht trennen.
Live long and prosper,
Gunnar
Moin Gunnar,
Es ist ein Jammer, dass andere Browser bei
­
nicht trennen.
Das stimmt, aber zumindest Opera tut es mittlerweile auch...
Viel schlimmer als "nicht trennen" verhält sich aber der Mac-IE: er zeigt statt ­
irgendein wirres Sonderzeichen, daher habe ich ihn (und auch IEs < 5.5 unter Windows) per CSS-Hack von der Anzeige ausgeschlossen, was leider ein Wort wie
Aus<SPAN CLASS="trennen">­</SPAN>lands<SPAN CLASS="trennen">­</SPAN>ver<SPAN CLASS="trennen">­</SPAN>tre<SPAN CLASS="trennen">­</SPAN>tun<SPAN CLASS="trennen">­</SPAN>gen
nicht gerade lesbar macht und den Code auch "ein wenig" aufbläht...
Glück auf
Dirk
Hi Dirk,
Viel schlimmer als "nicht trennen" verhält sich aber der Mac-IE: er zeigt statt
­
irgendein wirres Sonderzeichen, daher habe ich ihn (und auch IEs < 5.5 unter Windows) per CSS-Hack von der Anzeige ausgeschlossen,
?? Mein IE 5.0 (Win) hat mit ­ nicht die geringsten Probleme.
Live long and prosper,
Gunnar
Moin Gunnar,
?? Mein IE 5.0 (Win) hat mit ­ nicht die geringsten Probleme.
gut, wieder was gelernt... den hatte ich nur sicherheitshalber ausgeschlossen, weil ich keinen Test machen konnte, richtig fies sieht's aber im Mac-IE aus, den Screenshot habe ich jetzt leider nicht hier, kann ich aber gerne nachreichen.
Dort werden die Texte fast unlesbar, daher sollte man ihn bei ­
immer ausschließen.
Den IE 5.0 (Win) nehme ich dann auf jeden Fall wieder rein...
Glück auf
Dirk
Moin moin,
(...) richtig fies sieht's aber im Mac-IE aus, den Screenshot habe ich jetzt leider nicht hier, kann ich aber gerne nachreichen.
Dort werden die Texte fast unlesbar, daher sollte man ihn bei
­
immer ausschließen.
Hier jetzt der Screenshot dazu:
Glück auf
Dirk
Hallo.
Es ist ein Jammer, dass andere Browser bei
­
nicht trennen.Das stimmt, aber zumindest Opera tut es mittlerweile auch...
Hinweis: Das Wort "mittlerweile" steht hier für "seit geraumer Zeit".
MfG, at
Hi,
Überprüft hast du den Tip nicht? Das trennt weder im Firefox noch im IE.
da fehlt ja auch noch ein (winzig formatiertes) Leerzeichen zwischen. ;-)
freundliche Grüße
Ingo