1. Estructura y semántica (HTML)

1. Existe un único <h1> por página.

2. Los encabezados siguen orden lógico (h1 → h2 → h3).

3. Se utilizan elementos semánticos (header, nav, main, footer).

4. Las listas usan <ul> o <ol> correctamente.

5. Las tablas tienen <th> para encabezados.

6. Las tablas complejas usan scope o headers correctamente.

7. No se usan tablas para maquetación.

---

2. Imágenes y contenido visual

8. Todas las imágenes informativas tienen atributo alt descriptivo.

9. Las imágenes decorativas usan alt=»».

10. Los iconos que actúan como botón tienen aria-label o texto alternativo.

11. Las imágenes con texto no contienen información esencial sin alternativa textual.

12. Los gráficos o diagramas tienen descripción alternativa.

---

3. Contraste y color

13. El texto tiene contraste mínimo 4.5:1.

14. El texto grande tiene contraste ≥ 3:1.

15. Los botones cumplen contraste.

16. Los enlaces cumplen contraste.

17. La información no depende solo del color.

---

4. Navegación con teclado

18. Toda la web se puede navegar solo con teclado.

19. El orden de tabulación es lógico.

20. Los elementos interactivos reciben focus visible.

21. Los menús desplegables funcionan con teclado.

22. No existen trampas de teclado.

---

5. Enlaces y navegación

23. Los enlaces tienen texto descriptivo.

24. No hay enlaces ambiguos como “click aquí”.

25. Los enlaces se distinguen visualmente del texto normal.

26. Existe estructura de navegación clara.

27. La web permite volver fácilmente al inicio.

---

6. Formularios

28. Todos los inputs tienen label asociado.

29. Los campos obligatorios están indicados.

30. Los errores de formulario se muestran claramente.

31. Los mensajes de error son comprensibles.

32. Los formularios se pueden completar con teclado.

---

7. Interfaz y componentes

33. Los botones usan <button> o <a> correctamente.

34. No se usan <div onclick> para acciones.

35. Los modales o popups son accesibles con teclado.

36. Los elementos dinámicos usan ARIA si es necesario.

---

8. Idioma y contenido

37. El documento declara idioma:

38. Cambios de idioma dentro de la página están marcados.

---

9. Responsive y zoom

39. La web funciona correctamente con zoom al 200%.

40. El diseño sigue siendo usable en pantallas pequeñas.

---

Test técnico final (muy recomendable)

Pasa estas herramientas:

• Lighthouse (Chrome) → Accessibility ≥ 95

• axe DevTools

• pa11y

Si no hay errores críticos, estás en buen estado.

---

Regla práctica de auditoría

Si tu web cumple:

• Lighthouse ≥ 95

• Navegación completa con teclado

• Contraste correcto

• Formularios accesibles

→ ya cumples el 90% de auditorías reales.