Pàgines que un agent pot interpretar a tot el web

Un agent pot construir una imatge utilitzable de la teva pàgina a partir del seu marcatge.

És la condició prèvia per a tota la resta. Un agent que no distingeix la teva navegació del teu peu, o que no troba el botó que envia un formulari, no pot fer res al teu web per benvingut que sigui. És també la dimensió que més webs suspenen, i la que més pesa de les tres que sumen.

What to do

1. Fes servir regions de debò: un <main>, un <nav>, un <header> i un <footer>. Una pàgina de <div> anidats no té estructura per llegir.
2. Dona un nom accessible a cada control. Un botó el contingut del qual és només una icona és un botó sense nom, i un agent no pot endevinar què fa.
3. Etiqueta cada camp de formulari i connecta l’etiqueta amb el seu camp. El text d’ajuda no és una etiqueta: desapareix quan escrius.
4. Mantén els encapçalaments en ordre i fes-los servir per estructurar, no per triar mida. Un <h4> posat perquè quedava bé trenca l’esquema.
5. No amaguis significat només en el color o la posició: un agent no llegeix cap dels dos.

El més gran dels quatre, i el que es cobra dues vegades: tot això arregla també l’accessibilitat per a qui fa servir un lector de pantalla.