Regla de accesibilidad: Los elementos deben tener su texto visible como parte de su nombre accesible

Acerca de esta regla de accesibilidad

La etiqueta visible de elementos interactivos etiquetados a través de su contenido debe estar incluida en su nombre accesible.

Esta regla se aplica a cualquier elemento con los siguientes atributos:

un rol semántico que es un widget que soporta nombre desde contenido,
texto visible, y
un atributo aria-label o aria-labelledby.

button, checkbox, gridcell, link, menuitem, menuitemcheckbox, menuitemradio, option, radio, searchbox, switch, tab, y treeitem son roles de widget que soportan nombre desde contenido.

Todo el contenido de texto visible del elemento objetivo coincide con su nombre accesible o está contenido dentro de él.

Las diferencias de espacios en blanco al inicio y final y sensibilidad a mayúsculas y minúsculas deben ser ignoradas.

Los usuarios que usan entrada de voz pueden interactuar con una página web diciendo las etiquetas de texto visible de menús, enlaces y botones.

Los usuarios de entrada por voz se confunden cuando pronuncian una etiqueta de texto visible, pero el comando de voz no funciona ya que el nombre accesible (programático) del componente no coincide con la etiqueta visible. Cuando un componente de interfaz de usuario contiene una etiqueta de texto visible — ya sea que la etiqueta sea texto real o una imagen de texto — ese texto también debe aparecer en el nombre accesible (programático) del componente. Cuando la etiqueta visual y el nombre accesible (programático) para componentes interactivos están sincronizados, los usuarios que usan entrada de voz pueden interactuar con esos componentes exitosamente.

Qué verifica esta regla de accesibilidad

Para cualquier elemento de interfaz de usuario con una etiqueta de texto visible, el nombre accesible debe coincidir (o incluir) el texto visible de la etiqueta.

Learn more: