Titre de l’écran

Chaque écran d’une application doit fournir un titre qui sera annoncé par la technologie d’assistance.

Impact

Les titres d’écran permettent aux utilisateurs souffrant de handicaps visuels, cognitifs et moteurs et d’une mémoire à court terme limitée de déterminer où ils se trouvent dans l’application, d’identifier le contenu d’un écran par son titre et de naviguer entre les écrans dans les cas où le mode de fonctionnement d’un utilisateur dépend de l’audio.

Confirmation

1. Activer TalkBack
2. Ouvrir l'application
3. L’une des situations suivantes se produira :
   • Inaccessible : TalkBack annonce uniquement le nom de l'application.
   • Accessible : TalkBack annonce le titre de l'écran au lieu du nom de l'application.

Comment corriger

Android natif

Définissez le titre de l'écran dans le Activity.

Activity.this.setTitle(...);

React Native

Assurez-vous que chaque Stack.Screen composant possède un nom descriptif. Si nécessaire, ajoutez options={{title: 'New Screen Title'}} pour définir un meilleur titre d'écran.

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

Barres de navigation personnalisées

Ce que nous avons constaté dans les applications créées avec React Native, c'est que pour une expérience véritablement accessible, l'en-tête de navigation doit être défini avec <Stack.Navigator> des options de titre. Une barre de navigation personnalisée n'a aucun moyen d'être codée par programmation pour indiquer qu'il s'agit d'un élément de navigation approprié et non pas simplement d'une vue ordinaire. Cela modifie la manière dont la technologie d’assistance annonce et interagit avec l’élément. Notez que la définition d’un attribut d’en-tête, comme souvent recommandé, ne répond pas aux critères pour le titre de l'écran.