4 Validator-Meldungen machen ratlos

[Performer]

Hi,

nachdem ich die Slimbox auf einer kleinen Website mit Hängen und Würgen zum Laufen gebracht habe, stehe ich bezüglich dieser Fehlermeldungen im Dunkeln. Die Seite läuft noch auf MAMP, deshalb nur die Ausschnitte aus dem Quellcode. Was ich so gar nicht verstehe, parallel läuft eine xhtml-Seite mit identischer Slimbox ohne Fehler.

<!-- header -->  
<header role="banner" title="example.org" onclick="location.href='http://example.org/'" onmouseover="this.style.cursor='pointer'" onkeypress="location.href='http://example.org/'" >  
    <hgroup>  
        <h1><a rel="home" href="http://localhost:8888/txp_3/">example.org</a></h1>  
        <h3>Noch eine Überschrift</h3>  
    </hgroup>  
</header>  
  
  
[ … ]  
  
  
    <p class="bild_l"><a rel="lightbox-1" href="http://localhost:8888/txp_3/images/5.jpg"  
 title="Bildschirmfoto">  
<img src="http://localhost:8888/txp_3/images/5t.jpg"  
  width="256"  
  height="205"  
  alt="Bildschirmfoto" />  
</a>  
Das ist ein Bildschirmfoto.</p>  
  
  
[ … ]  
  
    <p class="bild_r"><a rel="lightbox-1" href="http://localhost:8888/txp_3/images/5.jpg"  
 title="Bildschirmfoto">  
<img src="http://localhost:8888/txp_3/images/5t.jpg"  
  width="256"  
  height="205"  
  alt="Bildschirmfoto" />  
</a>  
Das ist ein Bildschirmfoto.</p>

Und hier die Fehlermeldungen. Weder reicht mein Englisch noch meine html5-Kenntnisse, um die Hinweise zu verstehen. Ich würde mich über etwas Unterstützung sehr freuen.

Herzliche Grüße, Performer

[Matthias Apsel]

Om nah hoo pez nyeetz, Performer!

<hgroup>
        <h1><a rel="home" href="http://localhost:8888/txp_3/">example.org</a></h1>
        <h3>Noch eine Überschrift</h3>
    </hgroup>

hgroup gibts nicht mehr, du kannst es einfach weglassen oder, falls du es zur Formatierung brauchst, durch ein div ersetzen.

<a rel="lightbox-1"

Wenn man "rel" so verwenden will, muss es im head definiert werden. link-Element

4. Die Fehlermeldung besagt, dass ein li-Element nicht die Rolle article haben sollte. article-Element

Matthias

[Performer]

Hi,

hgroup gibts nicht mehr, du kannst es einfach weglassen oder, falls du es zur Formatierung brauchst, durch ein div ersetzen.

Das wundert mich jetzt doch ein bisschen. Okay, meine Suchergebnisse waren auch etwas widersprüchlich. Irgendwo habe ich mal gelesen, dass man h1 nicht mehr so ausblenden soll (meine frühere Lösung). Wie geht es besser?

header div {  
  text-indent: -9999px;  
  }

<a rel="lightbox-1"

Wenn man "rel" so verwenden will, muss es im head definiert werden. link-Element

Da habe ich keine Ahnung, wie ich den Bezug herstellen kann. Bei einer anderen xhtml-Seite war das nicht nötig.

4. Die Fehlermeldung besagt, dass ein li-Element nicht die Rolle article haben sollte. article-Element

Was dann? Ich habe etwas herumprobiert, doch die Fehlermeldungen haben sich lediglich verdoppelt.

Könntest du das gebrauchen? Grün als Bezug zu „interessant“.

Ciao, Performer

[Matthias Apsel]

Om nah hoo pez nyeetz, Performer!

header div {

text-indent: -9999px;
  }

  
Imho am effizientesten ist  
  
<h1><img src="..." alt="Überschriftstext"></h1>  
  
Die CSS-Formatierungen für Text treffen auch auf den alternativen Text zu, sodass die Überschrift auch bei fehlendem Bild vernünftig gestylt werden kann.  
  

> Da habe ich keine Ahnung, wie ich den Bezug herstellen kann. Bei einer anderen xhtml-Seite war das nicht nötig.  
  
Dann lass das rel-Attribut weg. Möglicherweise werden die Beziehungen auch durch das script in den head eingefügt und der Validator sieht das nicht.  
  

> Was dann? Ich habe etwas herumprobiert, doch die Fehlermeldungen haben sich lediglich verdoppelt.  
  
Ich glaube nicht, dass jedes Element tatsächlich eine Rolle bekommen muss.  
  

> Könntest du das ![permalink_gruen.png](http://form.bplaced.net/selfhtml/permalink_gruen.png) gebrauchen? Grün als Bezug zu „interessant“.  
  
gern.  
  
Matthias

-- 
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen [Schuh und Schuhbeck](http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=S#schuh).  
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)  

[Der Martin]

Hallo,

Könntest du das gebrauchen? Grün als Bezug zu „interessant“.
gern.

und was hältst du davon, nicht nur das Symbol zu verlinken, sondern den davorstehenden Text (den Beitrags-Titel) mit in den Link einzubeziehen? Ich habe zwar keine feinmotorischen Störungen (jedenfalls nicht dass ich wüsste), aber ich finde trotzdem, dass so kleine Symbole manchmal schwer zu treffen sind - ebenso Links, deren Inhalt nur aus einem einzigen Zeichen besteht, so wie man das manchmal bei Blätter-Funktionen sieht.

Das Symbol erschließt sich mir übrigens auch nicht, auch bei der vorherigen gelben Version nicht. Was soll es sein? Eheringe für die ewige Bindung? Bisschen weit hergeholt, finde ich. Mir fällt aber auch nicht wirklich was Besseres ein. Generell würde ich sowieso Textlinks mit aussagekräftigen Bezeichnungen bevorzugen.

Ciao,
 Martin

[Performer]

Hi,

Das Symbol erschließt sich mir übrigens auch nicht, auch bei der vorherigen gelben Version nicht. Was soll es sein? Eheringe für die ewige Bindung?

Warum nicht (Ehe-)Ringe? Oder Kettenglieder? Oder was zeigt google?

Ciao, Performer

[Matthias Apsel]

Om nah hoo pez nyeetz, Der Martin!

und was hältst du davon, nicht nur das Symbol zu verlinken, sondern den davorstehenden Text (den Beitrags-Titel) mit in den Link einzubeziehen? Ich habe zwar keine feinmotorischen Störungen (jedenfalls nicht dass ich wüsste), aber ich finde trotzdem, dass so kleine Symbole manchmal schwer zu treffen sind - ebenso Links, deren Inhalt nur aus einem einzigen Zeichen besteht, so wie man das manchmal bei Blätter-Funktionen sieht.

Eigentlich habe ich mich bewusst gegen eine Verlinkung des kompletten Beitragstitels entschieden, denn es ist ja kein Link, den man klicken soll. Mmn gehört ein solcher Link auch nicht in eine Reihe mit antworten fachlich_hilfreich und startseite. Aber für weitere Ideen bin ich gerne offen. Als nicht angemeldeter sieht man diesen Link übrigens nicht, weil es da das Problem mit "my/" nicht gibt.

Matthias

[Performer]

Hi,

Dann lass das rel-Attribut weg. Möglicherweise werden die Beziehungen auch durch das script in den head eingefügt und der Validator sieht das nicht.

Hätte ich gleich google bemüht, hätte ich mir viel Rumgemurkse ersparen können. Das Problem ist schon seit mindestens zwei Jahren bekannt: html5 + rel gehen nicht zusammen. Ändere ich rel in class, wird die Seite zwar valide, funktioniert aber nur noch mit Einzelbilder. Diese oder diese Lösung probiere ich schon gar nicht mehr aus und nehme die Fehlermeldungen in Kauf. Bei wenig html-Code würde ich zwar zu xhtml tendieren, doch die Vorlage mit über 7000 Zeichen umzuschreiben, ist mir zu viel Arbeit – nur für einen grünen Balken.

Ciao, Performer

[Gunnar Bittersmann]

@@Matthias Apsel:

nuqneH

hgroup gibts nicht mehr

In der W3C-HTML5.1-Spec. In der WHATWG-Spec ist es noch drin.

Wenn man "rel" so verwenden will, muss es im head definiert werden.

?? Es gibt das @rel-Attribut fürs a-Element. Allerdings nur mit bestimmten Werten; "lightbox-1" ist keiner davon. Und genau das sagt die Fehlermeldung auch.

Qapla'