Exempel på korrekt läsordning

Välkommen till vår webbplats

Detta är huvudinnehållet på sidan. Assistive technologies och tangentbordsfokus följer alltid HTML-ordningen: först nav-menyn, därefter huvudsektionen – även om ett element inuti huvudsektionen är floatat.

När CSS är avstängt syns meny och innehåll i samma ordning som i HTML: nav först, sedan innehåll.

Genom att placera navigationen först i HTML-koden och använda float för visuell placering till höger, behåller vi korrekt läsordning för alla användare.