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. Ir a una nueva pantalla en la aplicación
2. Ocurrirá uno de los siguientes casos:
   • Inaccesible: VoiceOver no anunciará el título de la pantalla
   • Accesible: VoiceOver anunciará el título de la pantalla

Cómo solucionarlo

Este problema ocurre cuando a una pantalla no se le asigna un título.

UIKit

En código:

Busque el ViewController que no cumple la regla y configure la propiedad de título del controlador de navegación.

navigationController?.title = "Screen Title Here"

Alternativamente, puede establecer la propiedad title en ViewController directamente.

title = "Screen Title Here"

SwiftUI

Agregue un modificador de vista .navigationTitle al final del último elemento dentro de la propiedad del cuerpo de la vista.

 var body: some View {
        VStack {
            Text("Below is a stepper in SwiftUI")
            StepperView()
        }.navigationTitle("Screen Title")
    }

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.