Texto Enfocable

¡Aprenda cómo estamos utilizando inteligencia artificial para esta regla!

Qué Verificamos

Todos los elementos que contienen texto deben ser enfocables para tecnologías de asistencia como VoiceOver. Los elementos de texto deben estar marcados como elementos de accesibilidad, para que los usuarios de VoiceOver puedan navegar y leer el texto en pantalla.

Ejemplo Fallido ❌

El price and description text are not marked as accessibility elements

VoiceOver salta de "Auriculares Premium" directamente a "Agregar 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 Aprobado ✅

Todos los elementos de texto son marked as accessibility elements y accesibles mediante VoiceOver

VoiceOver navega a través de los cuatro elementos en secuencia: encabezado, precio, descripción y botón

Los usuarios de lectores de pantalla reciben la información completa del producto en un orden de lectura lógico

A Simple Vista

• Esta regla tiene un impacto crítico para los usuarios
• Los elementos de texto deben estar marcados como elementos de accesibilidad para que VoiceOver los lea
• En UIKit, configure isAccessibilityElement = true en el elemento de texto para que sea enfocable
• En SwiftUI y React Native, los elementos de texto son accesibles por defecto — no los oculte de las tecnologías de asistencia

Impacto para los Usuarios

Las personas con ceguera o baja visión son las más afectadas. Cuando un elemento de texto no está marcado como elemento de accesibilidad, VoiceOver no puede enfocarse en él. Como resultado, los usuarios de lectores de pantalla perderán información mostrada en pantalla por completo, lo que puede causar confusión o impedirles acceder a contenido importante.

Confirmar Problema de Texto Enfocable

1. Encienda VoiceOver
2. Intente enfocar el elemento de texto
3. Ocurrirá una de las siguientes:
   • Inaccesible: El elemento de texto no será enfocable por VoiceOver
   • Accesible: El elemento de texto es enfocado y leído por VoiceOver

Resolver Problemas

Para resolver un problema de Texto Enfocable, asegúrese de que el elemento de texto esté marcado como un elemento de accesibilidad para que VoiceOver pueda alcanzarlo y anunciarlo. Si el texto es parte de un elemento padre enfocable (como un botón o un control etiquetado), el nombre accesible del padre debe incluir el texto. En ese caso, el elemento de texto en sí no necesita ser individualmente enfocable.

UIKit

Para arreglar en Storyboard:

1. Navegue al elemento de texto.
2. Confirme que el Panel de Inspector esté visible.
3. Seleccione el Inspector de Identidad.
4. En Accesibilidad, seleccione la casilla "Habilitado".

Para arreglar en código, haga que el elemento de texto sea enfocable por VoiceOver:

label.isAccessibilityElement = true

SwiftUI

En SwiftUI, los elementos de texto son accesibles por defecto. Confirme que el texto sea significativo y proporcione contexto, y no lo oculte utilizando el modificador de vista hidden de accesibilidad.

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 utilizando la propiedad accessible={false} directamente en el elemento Text, ni la propiedad accessibilityElementsHidden=true 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?

El 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 enfocable por VoiceOver y que ya incluye el texto en su nombre accesible - como la etiqueta de un botón o el texto descriptivo de un control - puede ser aceptable dejar el elemento de texto en sí no enfocable. Aprenda más sobre ignorando reglas.

Recursos

Páginas de Cursos de Deque University

• 1.3.2 Secuencia Significativa (A)

Nota: El acceso completo a los recursos de Deque University requiere una suscripción.

Otros Recursos

• Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0, Recomendación del W3C
  • Criterio de Éxito 1.3.2 - Secuencia Significativa
• Documentos de Comprensión de WCAG 2.0
  • Comprensión 1.3.2 A - Secuencia Significativa