Comment lancer un appel à l'action efficace pour les aveugles?
J'aimerais connaître les techniques et les bonnes pratiques du CTA (appel à l'action) pour les aveugles.
Bien sûr, j'utilise WAI-ARIA , sr-only et quelle que soit la technique que je dois faire pages accessibles, mais je me demande s'il existe un moyen de faire un CTA "sauter" à l'attention des aveugles comme le ferait un CTA normal.
Vous pouvez faire certaines choses, selon les circonstances.
Lorsque la page est chargée, selon l'emplacement du focus initial, vous pouvez avoir du texte supplémentaire associé au premier objet (
aria-describedby) qui informe le lecteur d'écran de ce qu'est le CTA.Vous pourriez avoir un conteneur visuellement caché qui est une région active (par exemple
<div class='sr-only' aria-live='polite'>) mis à jour avec du texte lors du chargement de la page. (Le texte dans une région en direct est annoncé par un lecteur d'écran lorsque le texte change.)
Quel que soit le texte que vous associez au premier objet pouvant être mis au point ou à la région active, le nom de l'objet que vous essayez de mettre en évidence (généralement l'étiquette d'un bouton ou d'un lien) ainsi que le `` type '' d'objet qu'il doit être (bouton, lien, case à cocher, etc.). Le type est très important car en tant qu'utilisateur de lecteur d'écran, je peux rapidement passer aux objets de ce type. ('B' m'amène au bouton suivant, 'U' m'amène au lien suivant non visité, 'X' m'amène à la case à cocher suivante, 'T' m'amène au tableau suivant, etc.). Je peux également afficher une boîte de dialogue avec une liste d'objets de ce type. Par exemple, je peux voir tous les boutons sur la page ou tous les liens sur la page.
Il est donc important de spécifier le type de l'objet. Le message CTA peut indiquer "Assurez-vous de sélectionner le S'inscrire maintenant bouton".
(J'ai essayé de garder les détails d'implémentation hors de ma réponse, mais je devais en spécifier quelques-uns pour faire valoir mon point de vue. Si vous avez d'autres questions sur la façon d'implémenter quelque chose comme ça, postez sur stackoverflow et assurez-vous d'ajouter la balise "accessibilité" à la question comme vous l'avez fait avec celui-ci. De cette façon, je le verrai.)
C'est en fait une très bonne question, et j'espère que l'un des spécialistes de l'accessibilité vous donnera également une réponse à ce sujet.
Je suppose que lorsque vous avez des utilisateurs qui ne peuvent pas s'appuyer sur des indices visuels, il y a moins de flexibilité dans la façon dont vous pouvez concevoir le contenu pour hiérarchiser certaines actions par rapport à d'autres lorsque le contexte ou les informations nécessaires pour prendre cette décision doivent être fournis de manière linéaire séquence/flux.
Cela signifie donc que si vous pouvez théoriquement faire un CTA `` sauter '' la file d'attente en le priorisant sur d'autres éléments à l'écran (par exemple, lire d'abord l'audio sur les interactions CTA), mais il n'aurait probablement pas assez de contexte pour être utile à l'utilisateur.
Il existe peut-être des techniques plus avancées pour créer des pages Web plus flexibles, mais je pense que cela repousserait également les limites de rendre la page accessible/utilisable. J'ai l'impression que cela exigerait que les pages soient conçues d'une manière différente, par exemple en réduisant la quantité de contenu sur une page et en fournissant plus de contexte pendant la transition d'une page pour permettre aux gens de passer au CTA quand il fait sens de le faire.