Técnica HTML WCAG 2.2 obsoleta
H94No repetir un atributo en el mismo elemento (técnica obsoleta)
Nombre oficial en el W3C: Garantizar que los elementos no contengan atributos duplicados
Técnica obsoleta: el W3C ya no la recomienda. |
En pocas palabras
Técnica obsoleta desde WCAG 2.2, que eliminó el criterio 4.1.1 de análisis del código. Pedía que ningún elemento tuviera el mismo atributo dos veces, como dos alt en una imagen. Hoy el navegador usa siempre el primero, pero el error puede dejar un nombre o una función equivocados.
Por qué es importante
Cuando un elemento repite un atributo, el navegador se queda con el primero y descarta el resto. Antes, cada navegador y cada lector de pantalla lo resolvían a su manera.
Aunque ya no es un fallo por sí mismo, sigue siendo un riesgo. Si una imagen tiene alt="" y luego alt="Logotipo del ayuntamiento", se usa el vacío y la imagen se queda sin descripción.
Cómo se hace
- Escriba cada atributo una sola vez en cada elemento.
- Si necesita varias clases, póngalas juntas en un solo
class, separadas por espacios. - Revise el código que generan las plantillas y los complementos: a veces añaden un atributo que ya existía.
- Pase la página por un validador de vez en cuando: avisa de los atributos duplicados.
Cómo comprobarlo
- Pase la página por el validador del W3C (validator.w3.org) y busque el aviso «Duplicate attribute».
- Para cada caso, compruebe qué valor se aplica y si es el que se quería.
- Con las herramientas del navegador (F12, pestaña Accesibilidad), revise que el nombre y la función del elemento son correctos.
- Recuerde: según WCAG 2.2 esto ya no es un fallo por sí mismo, solo si provoca otro problema de accesibilidad.
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 H94 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
Todas las páginas 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 contenido que tiene atributos duplicados en el mismo elemento. Esto puede comprobarse manualmente o utilizando el mecanismo de HTML para especificar la tecnología y su versión y validando el documento respecto a esta condición. Hay varios validadores que puede usar quien desarrolla; los informes de validación suelen mencionar este tipo de error. 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
Validadores de HTML
Las páginas HTML incluyen una declaración de tipo de documento (a veces denominada declaración !DOCTYPE). Quien desarrolla puede usar validadores en línea o sin conexión (véanse los Recursos más abajo) para comprobar que los atributos se usan solo una vez en cada elemento. El validador del W3C, por ejemplo, informará de Error duplicate attribute [attribute name] (error: atributo duplicado [nombre del atributo]) cuando encuentre la segunda definición del mismo atributo en un elemento.
Pruebas
Procedimiento
- Comprobar que ningún atributo aparece más de una vez en ningún elemento
Resultados esperados
- La comprobación n.º 1 es verdadera.
Resultados esperados
- La comprobación n.º 1 es verdadera.
Recursos
- Do not forget to add a doctype (no olvide añadir un doctype), de la W3C Quality Assurance Initiative, explica qué son los doctypes y por qué debe usarlos.
- Recommended DTDs to use in your web document (DTD recomendadas para su documento web), de la W3C Quality Assurance Initiative, es una lista de declaraciones de uso habitual.
- Help for The W3C Markup Validation Service (ayuda del servicio de validación de marcado del W3C) explica cómo usar el validador del W3C.
Para otros recursos, consulte G134: Validar las 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 H94 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.