Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →

Barrierefreiheit

¿Qué significan nombre, rol, valor en un sitio web?

Nombre, rol y valor son las tres especificaciones que cada elemento de control de un sitio web debe comunicar a los programas de asistencia. El nombre dice para qué sirve el elemento ("Buscar"), el rol dice qué es (botón, enlace, casilla de verificación), el valor dice en qué estado se encuentra (marcado o vacío). Si falta una de las especificaciones, un visitante ciego solo escucha "elemento" — y no puede hacer nada con él. El criterio WCAG 4.1.2 lo regula.

Tres especificaciones hacen que un elemento sea operable

Un lector de pantalla no ve píxeles — lee lo que el código fuente informa sobre cada elemento. Con un botón bien construido dice: "Buscar, botón". El visitante sabe inmediatamente qué sucede cuando presiona Intro. Con una casilla de verificación viene el valor: "Suscribirse al boletín, casilla de verificación, no marcada". Los problemas surgen con elementos de control caseros: un símbolo clickeable sin nombre se anuncia como "gráfico", un menú desplegable construido por script sin rol como texto sin sentido. El visitante vidente no nota nada — el elemento se ve normal. Para usuarios de lectores de pantalla, control de voz y teclados especializados, es invisible o inutilizable. Robustez significa: la tecnología detrás respalda todos los programas de asistencia, no solo la pantalla.

Así el servicio de comprobación prueba nombre, rol y valor

Nuestro núcleo de medición prueba este criterio en gran medida automáticamente con axe-core en un navegador real. Se verifica lo siguiente: cada botón y cada enlace tiene un nombre accesible, las especificaciones adicionales para programas de asistencia son válidas y correctas, los roles asignados por el usuario coinciden con las reglas. Para excluir hallazgos al azar, la prueba se ejecuta dos veces con 800 milisegundos de diferencia — solo los hallazgos que ambas ejecuciones muestran cuentan. Además, se incluye el recuento de etiquetas del criterio 3.3.2: un campo de entrada sin etiqueta vinculada tampoco tiene nombre accesible y, por lo tanto, también cuenta como violación del 4.1.2. El informe nombra cada hallazgo con elemento y evidencia.

Beispiele

Schalter ohne Name, Rolle und Zustand

Verstoß

<div class="toggle on" onclick="umschalten()"></div>

Erfüllt

<button type="button" role="switch" aria-checked="true" onclick="umschalten()">
  Benachrichtigungen
</button>

Das Vorleseprogramm sagt „Benachrichtigungen, Schalter, eingeschaltet“. Beim Umschalten muss aria-checked mitgeführt werden.

Symbol-Knopf ohne Namen

Verstoß

<button><svg>…</svg></button>

Erfüllt

<button aria-label="Suche öffnen"><svg aria-hidden="true">…</svg></button>

Pida a su agencia que use componentes integrados para elementos de control — botones reales y enlaces traen nombre, rol y valor automáticamente.
Dé a cada botón de símbolo puro — lupa, menú, carrito — un nombre invisible pero registrado técnicamente.
Verifique especialmente elementos caseros como menús desplegables e interruptores — ahí faltan rol y estado con mayor frecuencia.
Ejecute una prueba automática después de cada remodelación importante, ya que un único script nuevo puede silenciar muchos elementos.

Deutsche Fassung dieser Seite

FAQ

¿Qué es el nombre accesible de un elemento?

El nombre accesible es la designación que un programa de asistencia anuncia para un elemento — en un botón generalmente su inscripción visible, en un botón de símbolo un texto registrado técnicamente como "abrir búsqueda". Si falta, el lector de pantalla solo anuncia "botón" y el visitante debe adivinar. El control de voz también necesita el nombre para golpear un elemento por llamada.

¿Por qué los elementos de control caseros son un riesgo?

Los componentes integrados de la web — botones reales, enlaces, campos de selección — comunican nombre, rol y valor automáticamente a los programas de asistencia. Quien construye un elemento de control a partir de texto clickeable y scripts en su lugar debe armar todas las tres especificaciones manualmente. Esto a menudo se olvida: el elemento se ve normal, pero para lectores de pantalla sigue siendo un trozo de texto sin sentido.

¿Cómo prueba el servicio de comprobación el criterio nombre, rol, valor?

El núcleo de medición prueba con axe-core en un navegador real si los botones y enlaces tienen nombres accesibles, si las especificaciones adicionales para programas de asistencia son válidas y si los roles asignados cumplen con las reglas. La prueba se ejecuta dos veces con 800 milisegundos de diferencia; solo los hallazgos confirmados bilateralmente cuentan. Los campos de entrada sin etiqueta vinculada también cuentan como violación.