如何爲語音添加附加說明（僅限）

Question

我有一個包含10個搜索結果的頁面。第一個結果是更多的答案卡（類似於你看到的谷歌第一結果的答案）。

現在我想弄清楚一種方法來添加額外的描述到答案卡只是爲了配音。例如：「這是你的問題的最佳答案」，但我不想顯示爲普通用戶。有沒有辦法做到這一點？

目前我有下面的html，我動態地使用javascript來添加值。

任何想法理解

<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

獨立是不相等的。除非有一些視覺方面的東西，否則將答案顯示爲「最好的」，您可能不應該這樣做，但爲有視力的VoiceOver用戶提供額外內容可能會讓人感到困惑。

無論如何，你想要的屬性是唱名標籤。