Título de la pantalla

Cada pantalla dentro de una aplicación debe proporcionar un título que será anunciado por la tecnología de asistencia.

Impacto

Los títulos de pantalla permiten a los usuarios con discapacidades visuales, cognitivas y motoras y memoria limitada a corto plazo determinar dónde se encuentran en la aplicación, identificar el contenido de una pantalla por su título y navegar entre pantallas en los casos en que el modo de operación de un usuario depende del audio.

Confirmación

1. Activar TalkBack
2. Abra la aplicación
3. Ocurrirá uno de los siguientes casos:
   • Inaccesible: TalkBack solo anuncia el nombre de la aplicación.
   • Accesible: TalkBack anuncia el título de la pantalla en lugar del nombre de la aplicación.

Cómo solucionarlo

Android nativo

Establezca el título de la pantalla dentro de Activity.

Activity.this.setTitle(...);

React Native

Asegúrese de que cada Stack.Screen componente tenga un nombre descriptivo. Si es necesario, agregue options={{title: 'New Screen Title'}} para definir un mejor título de pantalla.

<Stack.Screen
    name="ScreenTitleExample"
    component={ScreenTitleExample}
    options={{title: 'Screen Title'}}
/>

Barras de navegación personalizadas

Lo que encontramos en las aplicaciones creadas con React Native es que para una experiencia verdaderamente accesible, el encabezado de navegación debe configurarse <Stack.Navigator> con opciones de título. Una barra de navegación personalizada no tiene forma de codificarse programáticamente para indicar que es un elemento de navegación adecuado y no solo una vista normal. Esto altera la forma en que la tecnología de asistencia anuncia e interactúa con el elemento. Tenga en cuenta que establecer un atributo de encabezado, como se recomienda a menudo, no satisface los criterios del Título de pantalla.