nicht angemeldet
Liebes Herzchen,
Könntest du "strenger semantisch auszeichnen" näher erläutern oder allgemein, was am Code verbessert werden könnte?
Wenn Du eine Liste von Links hast, dann ist das eine Liste; und eine Liste in HTML besteht aus einem <ul> oder <ol> mit <li>s darinnen. Eine Überschrift ist ein <hx> (x=1...6) und so weiter. Wenn ein Inhalt Deiner Seite eine bestimmte Bedeutung hat, dann sollte diese sich auch im verwendeten HTML-Tag wiederfinden.
Dein "Tipp-Menü" ist z.B. eine simple Aneinanderreihung von <img>-Tags, denen regelmäßig ein Link und ein <br> folgt. Was soll das sein? Warum ist das nicht eine <ul>, in deren <li>s die Links sitzen und deren Pfeilsymbole (also eine Art Bullet-Ersatz für die unsortierte Liste) nicht als <img>s, sondern als Hintergrundbilder der jeweiligen <li>s angezeigt werden? Das wäre von der Bedeutung her (also "semantisch") korrekt, denn du listest hier Links auf, die auch HTML-technisch als eine Liste geführt werden.
So Dinge wie <p>...</p><br><p>...</p> halte ich auch für etwas "gewagt", da semantisch nicht nachvollziehbar. Wenn Du eine Leerzeile haben möchtest, dann setze doch eine! Das geht mit <p> </p>. Oder was nennst Du eine "Leerzeile", wenn nicht eine Zeile-die-leer-ist?
Ich vermisse die Auszeichnung der per CSS optisch wahrnehmbaren "Tabellen-Überschriften", wie z.B. "Tipp-Menü", "Bundesliga-Infos", "Sabbelecke" etc. Ohne die Grafik gesehen zu haben wird nicht klar, was die folgenden tabellarischen Daten bedeuten sollen (zumal Du auf Tabellen-Überschriften wie <th> komplett verzichtest).
Bitte missverstehe mich nicht! Deine Seite ist weitgehend semantisch ausgezeichnet, aber eben noch nicht konsequent genug - meiner Meinung nach. Mag sein, dass ich es hier gerade übertreibe, aber im Sinne der Barrierefreiheit (und besserer Suchmaschinen-Rankings) wäre diese Kritik durchaus angebracht - finde ich. Aber darüber ließe sich diskutieren... :-)
Liebe Grüße aus Ellwangen,
Felix Riesterer.
Gunnar Bittersmann