Título da Tela

Toda tela dentro de um aplicativo deve fornecer um título para ser anunciado pela tecnologia assistiva.

Impacto

Os títulos das telas permitem que usuários com deficiências visuais, cognitivas e motoras e memória de curto prazo limitada determinem onde estão no aplicativo, identifiquem o conteúdo de uma tela pelo seu título e naveguem entre telas em casos onde o modo de operação do usuário depende de áudio.

Confirmação

1. Ative o TalkBack
2. Abra o aplicativo
3. Um dos seguintes cenários ocorrerá:
   • Inacessível: O TalkBack anuncia apenas o nome do aplicativo.
   • Acessível: O TalkBack anuncia o título da tela em vez do nome do aplicativo.

Como Corrigir

Android Nativo

Defina o título da tela dentro do Activity.

Activity.this.setTitle(...);

React Native

Assegure que cada Stack.Screen componente tenha um nome descritivo. Se necessário, adicione options={{title: 'New Screen Title'}} para definir um título de tela melhor.

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

Barras de Navegação Personalizadas

O que encontramos em aplicações construídas com React Native é que, para uma experiência verdadeiramente acessível, o cabeçalho de navegação deve ser configurado com <Stack.Navigator> com opções de título. Uma barra de navegação personalizada não tem como ser programada para indicar que é um elemento de navegação adequado e não apenas uma visualização comum. Isso altera a forma como a tecnologia assistiva anuncia e interage com o elemento. Observe que definir um atributo de cabeçalho, como frequentemente recomendado, não atende aos critérios para Título da Tela.