Técnica HTML WCAG 2.2 obsoleta
H74Abrir, cerrar y anidar bien las etiquetas HTML
Nombre oficial en el W3C: Asegurarse de que las etiquetas de apertura y cierre se usan conforme a la especificación
Técnica obsoleta: el W3C ya no la recomienda. |
En pocas palabras
Técnica obsoleta desde WCAG 2.2. Pedía que las etiquetas HTML se abrieran, cerraran y anidaran según las normas del lenguaje, y revisarlo con un validador. Se retiró porque los navegadores actuales corrigen estos errores todos de la misma forma. Aun así, validar el código sigue siendo una buena práctica.
Por qué es importante
Antes, una etiqueta sin cerrar o mal anidada hacía que cada navegador montara la página a su manera. Los lectores de pantalla (programas que leen en voz alta lo que hay en la pantalla) recibían a veces una estructura rota.
Hoy HTML define cómo corregir esos errores y todos los navegadores lo hacen igual. Por eso WCAG 2.2 retiró el criterio 4.1.1. Pero un error de código aún puede romper algo que sí se exige, como la unión entre un campo y su etiqueta.
Cómo se hace
- Cierre siempre las etiquetas que la norma obliga a cerrar, como
<div>,<span>o<a>. - Cierre primero la última etiqueta que abrió:
<strong><em>…</em></strong>. - No repita un mismo atributo dentro de una etiqueta.
- Empiece cada página con
<!doctype html>. - Use un editor que avise de estos errores y valide las plantillas antes de publicar.
Cómo comprobarlo
- Pase la página por el validador del W3C (validator.w3.org) o por la extensión de validación de su editor.
- Revise los errores de etiquetas sin cerrar, mal anidadas o con atributos repetidos.
- Corrija primero los que afectan a formularios, tablas, enlaces e identificadores (
id).
Ver el texto completo del W3C (traducción al español)
Esta es una traducción no oficial al español de la técnica H74 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.
Aplicabilidad
HTML
Descripción
El objetivo de esta técnica es evitar errores clave que se sabe que causan problemas a las tecnologías de asistencia cuando intentan procesar el contenido, y que consisten en etiquetas de apertura y cierre que no se usan conforme a la especificación. Hay varios validadores que un desarrollador puede utilizar: los informes de validación suelen mencionar este tipo de errores. Esta técnica trata únicamente los errores relacionados con etiquetas de apertura y cierre mal formadas. La declaración de tipo de documento no es estrictamente necesaria para este tipo de evaluación, pero especificarla facilita el uso de un validador.
Ejemplos
HTML
Las páginas HTML incluyen una declaración de tipo de documento (a veces denominada declaración !DOCTYPE). Un desarrollador puede utilizar validadores en línea o sin conexión (consulte la sección Recursos) para comprobar que todos los valores del atributo id son únicos y que las etiquetas de apertura y cierre se usan conforme a la especificación.
Pruebas
Procedimiento
- Comprobar que hay etiquetas de cierre para todos los elementos que exigen etiqueta de cierre.
- Comprobar que no hay etiquetas de cierre en los elementos en los que están prohibidas.
- Comprobar que las etiquetas de apertura y cierre de todos los elementos están correctamente anidadas.
Resultados esperados
Las comprobaciones n.º 1, n.º 2 y n.º 3 son verdaderas.
Recursos
- Do not forget to add a doctype (no olvide añadir un doctype), de la Iniciativa de Garantía de Calidad del W3C.
- Recommended DTDs to use in your web document (DTD recomendados para su documento web).
-
HTML - El
doctype. - Validar las páginas web.
- Nu HTML Checker del W3C.
Cómo lo comprobamos en ADDAW
En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.
Basado en la técnica H74 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.