Strukúrált HTML kód

Egy weboldal átlátható felépítése, szerkezeti elemeinek megkülönböztetése, az összefüggő tartalmi elemei összetartozásának felismerése egyaránt fontos minden felhasználó számára.

Tananyagunkban már volt szó az átlátható oldalstruktúra fontosságáról, arról is, hogy ennek kialakításához helyes HTML kódon keresztül vezet az út.

Fontos, hogy CSS-től függetlenül:

• A tartalom mindig értelmes sorrendbe jelenjen meg!
• A megjelenített információk közötti összefüggések láthatók és algoritmikusan is meghatározhatók legyenek!

A hátrányos helyzetű felhasználók által használt segédprogramok nem a CSS stílusdeklarációk alapján határozzák meg oldal egyes elemeinek szerepét.

Szemantikai jelentéssel bíró HTML címkéket ne használjunk formázásra, arra ott van a CSS!
(Lásd: HTML5 szöveges tartalom és CSS3 stíluslapok készítése )

Bármelyik felhasználó használhat saját CSS beállításokat. Az oldal tartalma számára is elérhető kell legyen.

Ebben segít:

• Az összetartozó tartalmi elemek közös általános tárolóelembe (DIV) helyezése. (Lásd: DIV - Általános tárolóelem )
• Listák felsorolásként történő megjelenítése. (Lásd: HTML5 listák )
• Ha lehetséges, akkor az adatok szabványos táblázatba rendezése. (Lásd: HTML5 táblázatok )
• Linkek és beszélő linkfeliratok használata. (Lásd: HTML5 linkek )

A fenti technikákkal megelőzhető a tartalmi elemek keveredése.

A felolvasó szoftverek lehetővé teszik a sérült felhasználók számára, hogy végigjárják az weboldalon található linkeket vagy éppen címsorokat. Megkönnyítve ezzel a tartalom áttekintését.

Lassan megtanulják az új, szemantikai jelentéssel rendelkező HTML5 tároló elemek használatát ( Lásd: HTML5 tárolóelemek ). Új fejlesztések esetén már célszerű ezeket előnyben részesíteni.