Texto enfocable
Asegúrese de que los elementos de texto sean accesibles por TalkBack
¡Aprenda cómo estamos utilizando inteligencia artificial para esta regla!
Qué revisamos
Todos los elementos que contienen texto deben ser accesibles para tecnologías asistivas como TalkBack. Los elementos de texto no deben estar ocultos para la tecnología asistiva, de manera que los usuarios puedan navegar y leer el texto en pantalla.
Ejemplo de fallo ❌
El price and description text are hidden from assistive technology
TalkBack salta de "Auriculares Premium" directamente a "Añadir al carrito" — el precio y la descripción nunca son anunciados
Los usuarios de lectores de pantalla pierden información crítica del producto que se muestra en pantalla
Ejemplo correcto ✅
Todos los elementos de texto son available to assistive technology y accesibles por TalkBack
TalkBack navega a través de los cuatro elementos en secuencia: título, precio, descripción, y botón
Los usuarios de lectores de pantalla reciben la información completa del producto en un orden lógico de lectura
En resumen
- Esta regla tiene un impacto crítico para los usuarios
- Los elementos de texto no deben estar ocultos para la tecnología asistiva para que TalkBack los lea
- En XML, no establezca
importantForAccessibility="no"en los elementos de texto - En Compose, no marque los elementos de texto como
invisibleToUser() - En React Native, los elementos de texto son accesibles por defecto; por lo tanto, no los oculte a la tecnología asistiva
Impacto para los usuarios
Las personas con ceguera o baja visión son las más afectadas. Cuando un elemento de texto está oculto para la accesibilidad, TalkBack no puede enfocarlo. Como resultado, los usuarios de lectores de pantalla perderán la información mostrada en pantalla por completo, lo que puede causar confusión o impedir que los usuarios accedan a contenido importante.
Confirmar problema de texto enfocable
- Activar TalkBack
- Intente enfocar el elemento de texto
- Ocurrirá una de las siguientes cosas:
- Inaccesible: El elemento de texto no será accesible para TalkBack
- Accesible: El elemento de texto es enfocado y leído por TalkBack
Corregir problemas
Para resolver un problema de Texto Enfocable, asegúrese de que el elemento de texto no esté explícitamente oculto para la tecnología asistiva. Si el texto es parte de un elemento padre accesible (como un botón o control etiquetado), el nombre accesible del padre debe incluir el texto. En ese caso, el elemento de texto en sí no necesita ser individualmente accesible.
XML
No establezca la propiedad importantForAccessibility en "no" en los elementos de texto. Si este atributo está presente, elimínelo o configúrelo en "yes" o "auto".
Compose
No marque los elementos de texto Compose como invisibleToUser(). Elimine este modificador para asegurar que el elemento esté disponible para TalkBack.
Text("Digital equality for all.", modifier = Modifier.semantics {
// Remove invisibleToUser() to make this element accessible to TalkBack
invisibleToUser()
})React Native
En React Native, los elementos de texto son accesibles por defecto. Confirme que el texto sea significativo y proporcione contexto. No desactive la accesibilidad usando la propiedad accessible={false} en el elemento Texto directamente, ni la propiedad importantForAccessibility='no-hide-descendants' en un elemento padre.
Flutter
En Flutter, los elementos Text están incluidos en el árbol de accesibilidad por defecto. Confirme que el texto sea significativo y proporcione contexto. No excluya el texto visible
del árbol de accesibilidad envolviéndolo en ExcludeSemantics o Semantics(excludeSemantics: true).
¿Puedo ignorar esta regla?
Texto Enfocable tiene un impacto crítico para los usuarios, y recomendamos encarecidamente solucionar estos problemas. En casos donde el texto esté contenido dentro de un elemento padre que ya es accesible por TalkBack y que ya incluye el texto en su nombre accesible - como la etiqueta de un botón o el texto descriptivo de un control - podría ser aceptable dejar el propio elemento de texto no accesible. Obtenga más información sobre ignorando reglas.
Recursos
Páginas de cursos de Deque University
Nota: El acceso completo a los recursos de Deque University requiere una suscripción.
Otros recursos
- Directrices de Accesibilidad para el Contenido Web (WCAG) 2.0, Recomendación del W3C
- Documentos de Comprensión de WCAG 2.0