Kodkvalitet

Detta layout-test letar efter användningen av icke-semantisk HTML.

Varför testar vi för detta?

Semantisk HTML är användningen av HTML-kod för att definiera semantiken (eller betydelsen) av information på en webbsida, snarare än hur den ska visas. Det anses vara bästa praxis att använda Semantisk HTML för att konstruera ditt dokument och sedan använda CSS för att ge det lämplig stil. Användning av icke-semantiska element som <i> och <font> rekommenderas ej.

Tabeller användes traditionellt för att skapa webbsidor i två kolumner, men sedan tillkomsten av CSS och moderna webbläsare för några år sedan är det inte längre nödvändigt att använda tabeller för annat än tabellinformation. Det är nu bästa praxis att skapa kolumn-layouter med divs och CSS. Detta hjälper också rendering för icke-visuella webbläsare eller när en sidas stildokument inte är tillgängligt.

Hur testar vi för detta?

Vi letar efter element i tabellceller som kan indikera användningen av tabeller för layout. Dessa inkluderar div, rubriker och tabeller. Vi letar även efter presentationsmarkörer i HTML som font, bold och italic-taggar.

Vad kan jag göra åt det?

Det kanske inte är lätt, men du bör konvertera alla sidor på din webbplats som använder tabeller för layout till att använda divs och CSS. Använd bara tabeller för tabellinformation, t.ex. en prislista. I stället för att använda presentationselement för att formatera text, använd lämpliga semantiska element och ge dem sin stil via CSS.