Guia WCAG
per no perdre's

La metaetiqueta viewport no ha de bloquejar el zoom de l'usuari amb user-scalable=no o maximum-scale=1. Les persones amb baixa visió necessiten ampliar el contingut.

Les imatges han de tenir un text alternatiu (atribut alt) que descrigui el seu contingut per a usuaris de lectors de pantalla o quan la imatge no es carrega.

Les pàgines han de tenir un mecanisme per saltar blocs de contingut repetitius (com el menú de navegació) i anar directament al contingut principal.

Alguns rols ARIA requereixen que els seus elements fills tinguin rols específics. Si falten aquests fills, la tecnologia d'assistència no pot interpretar correctament l'estructura.

Els elements amb role="link", role="button" o role="menuitem" han de tenir un nom accessible. Sense ell, el lector de pantalla no pot explicar a l'usuari per a què serveix l'element.

Totes les funcionalitats del web han de ser accessibles únicament amb teclat, sense necessitat de ratolí. Les zones amb scroll també han de ser accessibles per teclat.

La pàgina ha de tenir almenys un element que identifiqui el contingut principal. Els landmarks HTML (main, nav, header, footer) permeten navegar ràpidament per la pàgina.

Els encapçalaments han de seguir una jerarquia lògica (H1, H2, H3...) sense saltar nivells, permetent que els usuaris de lectors de pantalla naveguin pel contingut de forma eficient.

Cada element HTML ha de tenir un ID únic a la pàgina. Els IDs duplicats causen errors en lectors de pantalla, trenquen l'associació de labels amb formularis i invaliden el codi HTML.

L'element ha d'incloure l'atribut lang per indicar l'idioma principal de la pàgina. Sense ell, els lectors de pantalla no saben en quin idioma llegir el contingut.

Tots els camps de formulari han de tenir una etiqueta (label) associada que identifiqui el seu propòsit per als usuaris de lectors de pantalla i tecnologies d'assistència.

Tots els enllaços han de tenir un text descriptiu que indiqui la seva destinació o funció. Textos genèrics com 'clica aquí' o 'llegir més' no aporten context als usuaris de lectors de pantalla.

Assegura que el contrast entre text i fons compleixi el ratio mínim.

Tots els botons han de tenir un text o etiqueta accessible que descrigui la seva funció. Els botons amb icones o imatges sense text alternatiu son invisibles per als lectors de pantalla.

Els elements interactius com botons i enllaços han de tenir una àrea tàctil mínima de 24×24 píxels, o bé deixar suficient espai al seu voltant per evitar errors de toc accidentals.