Question

我有一个HTML格式的问题和radioboxes作为答案，如下：

<span>What is your favorite fruit?</span>
<input type="radio" name="favFruit" id="banana"><label for="banana">Banana</label>
<input type="radio" name="favFruit" id="orange"><label for="orange">Orange</label>

但我意识到，这个问题与答案无关，这可能对搜索引擎优化，可访问性有害，并且可能对将来的应用程序维护不利。所以我添加了aria-describedby属性：

<span id="favFruitQuestion">What is your favorite fruit?</span>
<input type="radio" name="favFruit" id="banana" aria-describedby="favFruitQuestion">
    <label for="banana">Banana</label>
<input type="radio" name="favFruit" id="orange" aria-describedby="favFruitQuestion">
    <label for="orange">Orange</label>

但在Mozilla Developer Network我找到了文章How to structure an HTML form，建议是在fieldset标记中回答问题并将问题包装在legend标记中：

<fieldset>
    <legend>What is your favourite fruit?</legend>
    <input type="radio" name="favFruit" id="banana"><label for="banana">Banana</label>
    <input type="radio" name="favFruit" id="orange"><label for="orange">Orange</label>
</fieldset>

但它在100％时不值得信赖，因为，因为有写：

本文需要进行技术审核。

用无线电唱机作为答案来表明问题真的是一种最佳方式吗？如果不是，最好的方法是什么？提前感谢您的每一个答案。

Answer 1

是。 <legend> / <fieldset>是正确使用的工具。

尽管避免过度传说。有些屏幕阅读器会在每个标签之前读出整个图例。

HTML：如何以适当的方式表明放射线框的问题？

1 个答案: