Técnica HTML WCAG 2.2
H88Usar el HTML tal como lo define su especificación
Nombre oficial en el W3C: Usar HTML conforme a su especificación
En pocas palabras
Cada elemento HTML tiene un significado y un uso definidos en el estándar. Si se usan como dice el estándar, el navegador y los lectores de pantalla entienden bien la página. Si se inventan atributos o se usan elementos solo por su aspecto, aparecen fallos de accesibilidad difíciles de prever.
Por qué es importante
Los lectores de pantalla y otros productos de apoyo se basan en el significado del código. Un título marcado con <h2> se anuncia como título; un <button>, como botón.
- Si se usa
<blockquote>solo para meter sangría, se anuncia una cita que no existe. - Si se usan elementos o atributos no estándar, cada navegador los trata a su manera. Los productos de apoyo pueden tardar años en admitirlos, o no hacerlo nunca.
Cómo se hace
- Use solo elementos, atributos y valores que existen en el estándar HTML.
- Elija cada elemento por lo que significa, no por cómo se ve. El aspecto se cambia con CSS.
- Respete las reglas de anidamiento: por ejemplo, los
<li>van dentro de<ul>u<ol>. - Prefiera los elementos nativos (
<button>,<a>,<label>) a recrearlos con<div>y JavaScript. - Pase el código por un validador para detectar usos incorrectos.
Cómo comprobarlo
- Pase la página por el validador del W3C (validator.w3.org) y revise los errores.
- Busque elementos usados solo por su aspecto, como títulos para agrandar texto o citas para sangrar.
- Con las herramientas del navegador (F12, pestaña Accesibilidad), confirme que cada elemento tiene la función que le corresponde.
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 H88 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 usar HTML conforme a su especificación. Las especificaciones de una tecnología definen el significado y el tratamiento adecuado de sus características. Usar esas características del modo descrito en la especificación garantiza que los agentes de usuario, incluidas las tecnologías de asistencia, puedan presentar representaciones de la característica fieles a la intención de quien desarrolla e interoperables entre sí.
Usar HTML conforme a su especificación tiene varios aspectos generales.
- Usar únicamente características definidas en la especificación HTML define conjuntos de elementos, atributos y valores de atributo que pueden utilizarse en las páginas web. Estas características tienen significados semánticos concretos y están pensadas para que los agentes de usuario las procesen de determinadas maneras. A veces, sin embargo, se generaliza en la práctica el uso de características adicionales. Normalmente, al principio solo las admite un único agente de usuario. Cuando se usan características que no están en la especificación, puede que muchos agentes de usuario tarden en admitirlas o no lo hagan nunca. Además, al no existir una especificación estándar sobre el uso de esas características, los distintos agentes de usuario pueden ofrecer una compatibilidad desigual. Esto afecta a la accesibilidad porque las tecnologías de asistencia, que se desarrollan con menos recursos que los agentes de usuario convencionales, pueden tardar mucho tiempo en incorporar una compatibilidad útil, si es que llegan a hacerlo. Por tanto, quien desarrolla debe evitar las características no definidas en HTML para prevenir problemas de accesibilidad inesperados.
- Usar las características del modo que prescribe la especificación La especificación HTML ofrece indicaciones concretas sobre cómo deben procesarse e interpretarse semánticamente determinados elementos, atributos y valores de atributo. A veces, sin embargo, se usan características de un modo que la especificación no contempla; por ejemplo, usar elementos semánticos para lograr efectos visuales sin pretender transmitir el mensaje semántico subyacente. Esto genera confusión en los agentes de usuario y las tecnologías de asistencia que dependen de una información semántica correcta para presentar una representación coherente de la página. Es importante usar las características de HTML únicamente tal como prescribe la especificación HTML.
- Asegurarse de que el contenido se puede procesar HTML define cómo debe codificarse el contenido para que los agentes de usuario lo procesen correctamente. Las reglas sobre la estructura de las etiquetas de apertura y cierre, los atributos y sus valores, el anidamiento de elementos, etc., garantizan que los agentes de usuario procesen el contenido de forma que se obtenga la representación del documento prevista. Seguir las reglas estructurales de estas especificaciones es una parte importante del uso de estas tecnologías conforme a su especificación.
Pruebas
Procedimiento
Para cada página HTML:
- Comprobar que la página usa únicamente elementos, atributos y valores de atributo definidos en la especificación.
- Comprobar que los elementos, atributos y valores se usan del modo que prescribe la especificación.
- Comprobar que la página se puede procesar correctamente, de acuerdo con las reglas de la especificación.
Las comprobaciones n.º 1 y n.º 3 se verifican más fácilmente con herramientas de validación de páginas. La comprobación n.º 2 puede verificarse con ayuda de herramientas de evaluación heurística, aunque normalmente se requiere el juicio de una persona.
Resultados esperados
- Las comprobaciones n.º 1, n.º 2 y n.º 3 son verdaderas.
Recursos
Consulte la sección de recursos de Validar páginas web.
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 H88 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.