Code-Qualität

Dieser Test prüft, ob auf der Homepage gut strukturierter, fehlerfreier und zeitgemäßer HTML-Code (semantisches HTML) verwendet wird.

Warum machen wir den Test?

Semantisches HTML ist die Nutzung der HTML-Auszeichnung um die Semantik (oder Bedeutung) von Information auf einer Webseite zu definieren, statt es anzuzeigen wie es sollte. Es gilt als das beste Verfahren semantisches HTML zur Auszeichnung Ihres Dokumentes zu nutzen und es dann mit CSS angemessen zu gestalten. Die Nutzung nicht-semantischer Elemente wie <i> und <font> wird entmutigt.

Tabellen wurden früher genutzt, um Spaltenlayouts zu ermöglichen. Dies ist seit langer Zeit auch mit CSS-Anweisungen umsetzbar, so dass Tabellen nicht mehr für Layoutzwecke eingesetzt werden sollen. In Tabellen werden nur strukturierte Inhalte, wie z.B. Preilisten dargestellt. Der Verzicht auf Tabellen als Layouthilfe sorgt für schnellere Ladezeiten und hilft Menschen, die nicht oder nicht gut sehen können die Inhalte besser zu erfassen.

Wie führen wir den Test durch?

Wir prüfen auf Seitenelemente, die so wirken, als würden sie für Layoutzwecke eingesetzt. Wir überprüfen weiterhin, ob nicht mehr zeitgemäße HTML-Elemente im Quelltext zu finden sind.

Was können Sie tun?

Sie sollten alle Seiten so überarbeiten, dass für das Layout keine Tabellen mehr verwendet werden - auch wenn dies unter Umständen aufwendig ist. Ebenso verzichten Sie am besten vollständig auf nicht mehr zeitgemäße HTML-Elemente wie .Nutzen Sie stattdessen ausschließlich CSS-Anweisungen.