Técnica Técnicas generales WCAG 2.2
G108Usar las características del marcado para exponer el nombre y la función, permitir establecer directamente las propiedades configurables por el usuario y notificar los cambios
En resumen
Esta técnica consiste en construir los componentes de la interfaz con los elementos estándar y documentados del lenguaje de marcado (por ejemplo, los controles de formulario nativos de HTML), de modo que el navegador exponga automáticamente su nombre, su función, sus propiedades y sus cambios de estado a las tecnologías de asistencia. Beneficia a los usuarios de lectores de pantalla y de otros productos de apoyo, que pueden identificar y manejar los controles. Úsela siempre antes de recurrir a controles personalizados.
Aplicabilidad
Tecnologías de marcado en las que es posible exponer el nombre y la función, permitir que las propiedades configurables por el usuario se establezcan directamente y notificar los cambios.
Descripción
El objetivo de esta técnica es permitir que la tecnología de asistencia comprenda el contenido web, de modo que pueda transmitir una información equivalente al usuario a través de una interfaz de usuario alternativa y permitirle manejar los controles mediante la tecnología de asistencia.
Esta técnica consiste en usar características estándar, documentadas y con compatibilidad para exponer estas propiedades a la tecnología de asistencia. Se basa en el hecho de que estos controles estándar, en los navegadores estándar, cumplen los requisitos.
En el caso de HTML, estas suposiciones son válidas. También pueden ser adecuadas para algunas otras tecnologías.
Incluso cuando los componentes son compatibles con la accesibilidad, es esencial que el autor proporcione cierta información. Por ejemplo, un control puede tener la capacidad de ofrecer un nombre, pero el autor sigue teniendo que proporcionar ese nombre. El atributo de función (role), en cambio, puede venir ya dado, puesto que se trata de un componente estándar con una función fija.
Ejemplos
Ejemplo 1: una página web escrita en HTML usa controles de formulario estándar e identifica cada control de formulario mediante el atributo title. El agente de usuario pone la información sobre estos controles, incluido el nombre, a disposición de la tecnología de asistencia a través del DOM y de una API de accesibilidad específica de la plataforma.
Pruebas
Procedimiento
- Inspeccionar visualmente el marcado o usar una herramienta.
- Comprobar que se usa el marcado adecuado de modo que puedan determinarse el nombre y la función de cada componente de la interfaz de usuario.
- Comprobar que se usa el marcado adecuado de modo que todos los componentes de la interfaz de usuario que aceptan entradas del usuario puedan manejarse desde la tecnología de asistencia.
Resultados esperados
- Las comprobaciones n.º 2 y n.º 3 son verdaderas para cada componente de la interfaz de usuario.
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica G108 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
