Les tests d’accessibilité sur les sites Web et les applications avec des outils d’analyse d’accessibilité automatisés sont d’une grande aide, mais ils ne vous mènent pas loin. Les lecteurs d’écran combleront le fossé entre vos objectifs d’accessibilité pour atteindre votre base d’utilisateurs couvrant diverses déficiences.
Utiliser des lecteurs d’écran
Technologie de lecture d’écran de synthèse vocale (généralement appelée simplement « Lecteurs d’écran ») peut être utilisé pour aider les personnes aveugles ou malvoyantes à utiliser et à profiter des sites Web et des applications. Le contenu et les instructions à l’écran peuvent être lus à voix haute par le logiciel de lecture d’écran afin que l’utilisateur puisse lire, naviguer et accéder au contenu et aux fonctionnalités disponibles pour les utilisateurs voyants.
Étant donné que la plupart des utilisateurs de lecteurs d’écran n’utilisent pas de souris, une variété de commandes clavier (pour les ordinateurs de bureau/portables) ou de commandes tactiles (pour les appareils portables mobiles) sont disponibles pour les utilisateurs. Ici, nous nous concentrerons sur certaines de ces commandes pour utiliser les lecteurs d’écran mobiles.
Pour les développeurs, configurer votre site Web ou votre application pour une bonne expérience de lecteur d’écran, en utilisant un HTML moderne et valide vous permettra d’y parvenir la plupart du temps – mais pour optimiser l’expérience, votre code devra être configuré.
Les éléments de code supplémentaires incluent :
- Identifiants d’accessibilité : Identifiant d’identification de l’élément mobile qui permet une traversée facile des éléments de l’écran. Élimine les erreurs XPath possibles et peut permettre d’être utilisé pour l’automatisation de l’assurance qualité.
- Attributs « alt » pour les images : ces attributs sont appliqués aux balises HTML et sont mieux utilisés pour fournir des descriptions concises des images à l’écran
- Attributs ARIA :
- « aria-label » : utilisé pour fournir une description supplémentaire, souvent utilisé pour les éléments interactifs qui n’ont pas de nom accessible (par exemple les icônes)
- « rôle »: utilisé pour décrire des éléments qui n’existent pas nativement en HTML, ou des éléments qui existent mais qui ne sont pas encore entièrement pris en charge par le navigateur
- Divers attributs d’aria d’état et de propriété (par exemple https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques)
- En-têtes (h1-h6) : utilisés correctement, ceux-ci forment une sorte d’esquisse du contenu d’une page
- Repères: un moyen d’identifier les différentes régions d’une page (par exemple navigation, contenu principal, etc.)
Les deux lecteurs d’écran mobiles les plus utilisés sont Voix off (iOS) et ParlerBalk (Android).
Les utilisateurs doivent apprendre un ensemble de gestes tactiles pour utiliser ces lecteurs d’écran mobiles. Les gestes les plus élémentaires utilisés consistent à appuyer pour sélectionner des éléments et à faire glisser votre doigt vers la droite ou la gauche pour sélectionner respectivement l’élément suivant ou précédent avec lequel interagir sur la page Web. Au fur et à mesure que les éléments sont sélectionnés, leur texte à l’écran et peut-être d’autres informations seront prononcés par la voix du lecteur d’écran.
Tout comme un utilisateur voyant peut numériser visuellement les pages affichées à l’écran pour accéder plus rapidement aux informations ou aux fonctionnalités souhaitées, les utilisateurs de lecteurs d’écran peuvent naviguer de la même manière à l’aide de ces gestes multi-doigts. Ces utilisateurs ne sont pas obligés de parcourir tout le contenu dans l’ordre. Des gestes supplémentaires sont disponibles pour les utilisateurs pour effectuer des interactions plus complexes.
Voix off
VoiceOver offre la possibilité de parcourir les éléments de la page avec des gestes, des frappes et la reconnaissance vocale. Il prend également en charge afficheurs braille – les utilisateurs peuvent connecter un Bluetooth® un afficheur braille sans fil pour lire la sortie s’ils préfèrent cela à la sortie vocale.
VoiceOver offre une gamme plus large de gestes au-delà des gestes de base de glissement/tapotement.
Gestes VoiceOver supplémentaires :
- Désactiver/Réactiver le son de VoiceOver : Appuyez deux fois avec trois doigts
- Utilisez un geste standard : Appuyez deux fois et maintenez votre doigt sur l’écran jusqu’à ce que vous entendiez trois tonalités montantes, puis effectuez le geste. Lorsque vous soulevez votre doigt, les gestes VoiceOver reprennent.
- Ouvrez le sélecteur d’articles : Appuyez trois fois avec deux doigts
- Rotor: Initié en utilisant une rotation à deux doigts à l’écran – entre autres gestes à plusieurs doigts pour changer de page
- « Tap magique » : Appuyez deux fois avec deux doigts ; c’est le seul geste qui peut être programmé pour effectuer différentes actions dans différentes applications
Liste complète des gestes pour VoiceOver : https://support.apple.com/guide/iphone/learn-voiceover-gestures-iph3e2e2281/ios
Répondre
TalkBack permet également une navigation et un contrôle des applications sans les yeux, permettant aux utilisateurs d’utiliser des gestes et commandes vocales. Il prend également en charge le braille, y compris sur l’appareil. clavier pour taper le braille Ainsi, les utilisateurs qui souhaitent taper en braille n’ont pas besoin de se connecter à leur clavier braille physique.
Gestes TalkBack supplémentaires :
- Désactiver/Réactiver TalkBack : Appuyez deux fois avec trois doigts
- Explorez au toucher : Faites glisser un doigt sur l’écran pour entendre l’élément situé sous votre doigt prononcé
- Paramètres de grossissement : Appuyez trois fois
- Passer au contrôle de lecture suivant/précédent : Balayage à 3 doigts vers le bas/vers le haut, respectivement
Liste complète des gestes pour TalkBack : https://support.google.com/accessibility/android/answer/6151827?hl=fr
L’utilisation de lecteurs d’écran peut grandement bénéficier de vos efforts de tests d’accessibilité pour garantir que vous atteignez le plus grand nombre possible d’utilisateurs. Cela permet aux utilisateurs de sauter des pages, de contrôler la vidéo, d’ignorer les alertes et même de couper la voix du lecteur d’écran, le tout avec des gestes tactiles ! Pensez donc à ajouter la prise en charge de Screen Reader pour renforcer vos efforts de tests d’accessibilité.
Pour plus d’informations sur Perficient Solutions mobiles compétence, s’abonner sur notre blog ou contact notre équipe de solutions mobiles dès aujourd’hui !
Source link