Tester l'accessibilité d'une application iOS

Présentation et paramétrage des options d'accessibilité #

Présentation des principales options #

  • Voice Over : c'est le lecteur d'écran pour tous les devices Apple (iPhone, iPad, MacOS). Il permet de vocaliser toutes les informations (utiles) présentes à l'écran. Outil indispensable pour les non-voyants et mal-voyants.
  • Contrôle de sélection : cette option permet d'utiliser son téléphone à l'aide d'un contacteur extérieur, de mouvements de tête ou encore de sons. Cet outil est principalement utilisé par les personnes atteintes d'une déficience motrice ne leur permettant pas d'utiliser les gestes usuels de l'écran tactile.
  • Navigation clavier : permet d'utiliser son téléphone à partir d'un clavier externe (généralement en bluetooth), utile pour les personnes ayant des difficultés à utiliser l'écran tactile.
  • Contrôle vocal : option pour piloter son téléphone entièrement à la voix. Indispensable pour les personnes ne pouvant pas interagir physiquement avec le device ou avec un contacteur externe.
  • Police plus grande : permet d'ajuster la taille des polices de caractères dans les applications qui gèrent cette option.

Paramétrage des raccourcis d'accessibilité #

Pour plus de facilité, il est recommandé d'ajouter les outils indispensables dans les raccourcis d'accessibilité

  • Réglages > Accessibilité > Raccourci Accessibilité.

  • Choisir : "Contrôle de sélection", "VoiceOver“, "Contrôle vocal" et "Accès complet au clavier".

Le raccourci d'accessibilité s'active en appuyant 3 fois sur le bouton latéral de l'iPhone.

Vous pouvez aussi ajouter les raccourcis d’accessibilité au centre de contrôle (Réglages > Centre de contrôle) pour y accéder sans avoir à réaliser la manipulation avec le bouton latéral.

Profitez-en pour y ajouter aussi l'option d'agrandissement de texte "Police plus grande"

Paramétrage du Contrôle de sélection #

Aller dans Réglages > Accessibilité > Contrôle de sélection > Boutons
Sans dispositif externe, il convient de configurer simplement :

  • mode: “Bouton”

  • type: “Ecran”

  • action: “Sélectionner un élément”

De cette manière, une succession de taps n'importe où sur l'écran permettra de contrôler l'avancée du focus et les actions associées (nous détaillerons le principe plus bas dans l'article).

Prise en main des options d'accessibilité #

Voice Over #

La navigation à l'aide du lecteur d'écran n'est pas toujours aisée quand on débute, mais quelques gestes de base assez simples permettent de naviguer dans une application.

La description détaillée de ces gestes est disponible sur la page suivante : https://a11y-guidelines.orange.com/fr/mobile/ios/voiceover/

En utilisant Voice Over, vous pourrez vérifier que toutes les informations indispensables à la compréhension et à la navigation sont restituées par le lecteur d'écran, notamment :

  • les éléments interactifs (boutons, liens, cases à cocher...),
  • l'état des éléments (coché ou non, sélectionné ou non, déplié ou non...),
  • les titres des pages doivent être restitués pour permettre aux utilisateurs de s'assurer d'un changement de page et d'en comprendre le contexte,
  • les changements de contenus ou messages temporaires doivent également être lus (alertes, erreurs, changement de contenu...),
  • l'ordre de lecture est cohérent par rapport à la présentation de l'information.

Contrôle de sélection #

Utiliser le contrôle de sélection permet de vérifier principalement deux choses : l'ordre du focus et l'accessibilité des éléments interactifs.

  1. Activer le contrôle de sélection.

  2. Le focus s'affiche alors et commence à se déplacer d'un conteneur à l'autre (par exemple, le header, la vue principale, la barre de navigation...).

  3. Pour que le focus se déplace à l'intérieur d'un conteneur, il suffit de taper une fois lorsque le focus arrive sur ce conteneur.

  4. Dès lors, un tap supplémentaire fera apparaître les options d'intéractions possibles avec chaque élément ayant le focus (tap, défilement haut/bas, glissé...)

Il est possible d'utiliser son téléphone seulement avec un clavier externe.

  1. Connecter un clavier au téléphone
  2. Activer l’option “Accès complet au clavier”

  1. A présent, toutes les fonctionnalités disponibles par gestes tactiles doivent l’être également à l’aide du clavier.
    La navigation se fait de la même manière que pour un clavier sur desktop, touche TAB pour avancer, SHIFT+TAB pour reculer, ESPACE pour activer un élément.

Des combinaisons sont également spécifiques à l'environnement mobile iOS :

Shift+TAB pour afficher l'aide, Fn+H pour revenir à l'accueil, Fn+flèche haut pour sélecteur d'app, Fn+C pour centre de contrôle, Fn+N pour centre de notifications

  1. La navigation clavier permet également de vérifier que l'ordre de navigation est respecté.

  2. Si le focus n'est pas assez visible, il est possible d'augmenter son contraste dans les paramètres de l'option

Contrôle vocal #

Lorsque « Contrôle vocal » est activé, vous pouvez énoncer des commandes comme :

  • « Revenir à l’écran d’accueil »
  • « Toucher nom de l’élément »
  • « Ouvrir nom de l’app »
  • « Monter le volume »

Par défaut, le nom des éléments est superposé. Aussi, pour qu'une application soit pilotable de la sorte, il faut que les composants interactifs aient un nom accessible simple et cohérent (en particulier dans le cas d'une image-lien ou image-bouton sans libellé visible).

Il est également possible d'afficher le numéro des éléments ou même une grille numérotée pour les atteindre.

Police plus grande #

  1. Agrandir la police de caractères à partir du raccourci configuré plus haut

  1. Il est possible d'activer l'agrandissement de texte jusqu'à 310%, mais les recommandations d'accessibilité demandent un affichage correct jusqu'à 235%.

  2. Si l'application a été prévue pour supporter l'agrandissement (Dynamic Type), alors les textes seront correctement restitués, lisibles et sans perte d'information (pas de texte tronqué ni de superposition)



Mode sombre #

Le mode sombre est de plus en plus utilisé par les utilisateurs, il est donc fortement recommandé de tester son application en activant le "dark mode"

  1. Aller dans Réglages > Luminosité et affichage (ou directement depuis le centre de contrôle)

  2. Vérifier que tous les textes et composants sont bien visibles et respectent les niveaux de contrastes attendus.