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用户提供额外内容会让人感到困惑。

无论如何，你想要的属性是aria-label。

如何为（仅限）

1 个答案: