Nom accessible significatif

Le nom accessible d'un élément ne doit pas inclure sa caractéristique d'accessibilité.

Cette règle applique une bonne pratique définie par les directives d'interface humaine d'Apple. Vous pouvez désactiver cette règle à partir du tableau de bord mobile ou en ignorant la règle dans les tests écrits pour iOS.

Apprenez comment désactiver les règles à partir du tableau de bord mobile.

Impact

Les utilisateurs de VoiceOver doivent avoir accès aux mêmes informations visibles à l’écran sans informations répétées dans l’annonce VoiceOver.

Confirmation

1. Activer VoiceOver
2. Focalisez-vous sur l'élément
3. L’une des situations suivantes se produira :
   • Problématique : VoiceOver annoncera la caractéristique d'accessibilité de l'élément deux fois : dans le cadre du nom accessible de l'élément et en tant que caractéristique d'accessibilité (par exemple, l'annonce sera « Bouton suivant, bouton »).
   • Accessible : VoiceOver annoncera le nom accessible de l'élément suivi de la caractéristique d'accessibilité. Le trait ne sera annoncé qu'une seule fois après le nom (par exemple, l'annonce sera « Suivant, bouton »).

Comment corriger

Un problème détecté par cette règle est causé lorsque le nom accessible contient la caractéristique d'accessibilité de l'élément.

UIKit

Dans le storyboard :

1. Sélectionnez l'élément présentant un MeaningfulAccessibleName problème
2. Assurez-vous que le panneau des inspecteurs est visible
3. Sélectionnez l'Identity Inspector
4. Sous Accessibilité, il existe une catégorie appelée « Étiquette ». Saisissez une étiquette qui correspond exactement ou contient tout le texte visible, et n'inclut pas le accessibility trait de l'élément dans le cadre de l'étiquette.

Dans le code :

Recherchez l'emplacement où l'étiquette d'accessibilité a été définie et assurez-vous que la valeur de l'étiquette d'accessibilité correspond ou contient tout le texte visible du composant et ne contient pas la caractéristique d'accessibilité de l'élément.

button.title = "Next"
button.accessibilityTraits = .button

SwiftUI

Assurez-vous de définir une étiquette d’accessibilité qui n’inclut pas la caractéristique d’accessibilité de l’élément.

Button(action: {
    openMenu()
}) {
    Text("Next")
}.accessibility(label: Text("Next"))

React Native

Assurez-vous que l’étiquette d’accessibilité d’un élément ne contient pas le rôle d’accessibilité de l’élément.

<Button title='Order now' accessibilityLabel='order now' accessibilityRole='button'/>