Forcer JAWS à lire un bloc de texte

Question

Je travaille à améliorer l'accessibilité d'un site Web, et j'aimerais forcer JAWS à lire un bloc de texte pour aider l'utilisateur. Par exemple, j'ai un lien d'icône d'aide qui affiche un modal d'aide. Ce modal contient du texte utile. Je veux être sûr que ce texte est lu à l'utilisateur. Je voudrais avoir une solution similaire à un div où je peux faire quelque chose comme:

<div class="ForceReadText"> 
    <p>Block of text to be read, that currently isn't being read.</p> 
</div> 

Je ne suis pas très familier avec JAWS, et mes compétences google-fu me manquerais. J'ai pensé qu'il serait préférable de demander à quelqu'un qui pourrait savoir comment accomplir cela. Des idées?

Answer 1

Pour ce que vous décrivez, il semble que vous souhaitiez une région Live ARIA. MDN has an overview qui peut être utile.

Pour une présentation rapide, une région en direct convient parfaitement aux mises à jour en temps réel d'une page, telles que les erreurs ou les alertes. Une région en direct a la capacité d'interrompre tout ce qu'un lecteur d'écran est en train de parler afin de parler le message à la place. Une région active ne modifie pas l'emplacement du focus sur une page.

L'astuce sera de comprendre qu'une page ne devrait avoir qu'une seule région active.

L'autre astuce sera d'obtenir tous vos messages dans une région en direct, mais il est certainement possible si votre pop-up se comporte comme une info-bulle (il suffit de la réutiliser).

Si elle se comporte comme un modal, continuez à lire ...

Maintenant, tout cela étant dit, la réponse précédente (de @stringy) est probablement une approche plus intelligente aussi longtemps que vous avez de bonnes pratiques de gestion de mise au point (nécessaire pour un modeal). Si vous ne le faites pas, alors une région vivante peut être un meilleur ajustement (et peut-être moins discordant).

Quoi qu'il en soit, jetez un oeil à ces modèles et voir si l'on répond à vos objectifs:

• 2.3 Alert
• 2.4 Alert and Message Dialogs
• 2.9 Dialog (Modal)

Answer 2

Forcer les choses est difficile et donne l'apparence d'impolitesse. Ce que j'ai fait dans le passé pour les modaux accessibles est de faire de l'icône qui leur ouvre un lien, avec le lien pointant vers l'attribut id du modal ou son en-tête. Si quelqu'un a besoin d'aide, cliquez sur le lien pour accéder à l'information (et utilisez les touches fléchées pour lire le texte); sinon, ils peuvent simplement passer à autre chose.

<a href="#modal-heading"><img src="icon.png" alt="More information"></a>