Comment ajouter une description additionnelle pour la voix hors champ (uniquement)

Question

J'ai une page qui a 10 résultats de recherche. Le premier résultat est plus d'une carte de réponse (semblable aux réponses que vous voyez comme le premier résultat dans google).

Maintenant j'essaye de trouver un moyen d'ajouter la description additionnelle à la carte de réponse juste pour la voix off. Pour ex: "C'est la meilleure réponse pour votre question" mais je ne veux pas montrer cela pour utilisateurs normaux. Y-a-t-il un moyen de faire ça?

Actuellement j'ai le HTML ci-dessous que je manipule à la volée pour ajouter les valeurs en utilisant javascript.

Toute idée est appréciée

<div class="well" style="display:none; "> 
    <div id="answerCard" class="content-pad" style="line-height: 20px;"></div> 
    <div class="content-pad"> 
     <hr> 
     <span class="w50p fLF mT10"> 
      <a href="#" id="viewFull" class="ui-link">View full article &#8594;</a> 
     </span> 
     <span class="w50p fRT mT10 pB10 taRT"> 
     <!-- Feedback Flyout --> <!-- Feedback Toggle --> 
      <a data-target-modal="dialog.html" href="dialog.html" data-rel="dialog" data-transition="pop" class="ui-link"><span>Is this helpful?</span></a> 
     </span> 
    </div> 
    <div style="clear: both;"></div> 
</div> 

Answer 1

séparée n'est pas égal. À moins qu'il y ait quelque chose de visuel, montrant une réponse comme «le meilleur», vous ne devriez probablement pas faire cela, il peut être déroutant d'avoir du contenu supplémentaire pour les utilisateurs voyants VoiceOver. Quoi qu'il en soit, l'attribut que vous voulez est aria-label.