Browservergleich meiner Website -->Fehler

[Felix Riesterer]

Lieber Beat,

grundsätzlich stimme ich Dir zu. Kleine Details:

Den Code sehe ich so:

<ul id="tour">
<li>
  <a class=preview ><img src="" alt="info"></a>
  <div class=viewers>
     <a ...><img ...></a>
     ...
  </div>
  <div class=description>
    <h4>Titel</h4>
    <p>Die Beschreibung</p>
  </div>
</li>
...
</ul>

  
Was spricht gegen dieses? Meiner Meinung nach ist das noch semantischer:  
~~~html
<ul id="tour">  
    <li>  
        <h4>Titel</h4>  
        <p>Die Beschreibung</p>  
        <p class="preview"><a href="..."><img src="..." alt="info" /></a></p>  
        <p class="viewers">  
            <a ...><img ... /></a>  
            <a ...><img ... /></a>  
            <a ...><img ... /></a>  
        </p>  
    </li>  
    ...  
</ul>

Die geänderte Reihenfolge im Quelltext kann man locker mit CSS "auffangen". Ich denke aber, dass das Dokument so vor allem von Screen-Readern besser verarbeitet werden kann, ebenso steht das relevanteste der Seite immer zuerst. Und da man die <p>-Elemente mit den Klassen "preview" und "viewers" gesondert "anfassen" kann, braucht es kein <div> mehr um die Beschreibung und ihre Überschrift. Ob die Überschrift eine <h4> sein muss, oder ob es auch <h2> oder <h3> tun, muss letztendlich die Struktur des fertigen Dokuments zeigen.

Liebe Grüße aus Ellwangen,

Felix Riesterer.