更改 windows 输入收音机的旁白（画外音）选择

Question

我有以下 html 代码，其中包含输入单选框和标签，当我打开 windows 旁白（画外音）时，它仅突出显示单选按钮：

但是，我希望输入 + 标签一起突出显示：

有什么办法可以实现吗？

这是我的代码：

<div>
    <input type="radio" id="radio1" name="radio1" checked>
    <label for="radio1">
        Field label
    </label>
</div>

Answer 1

我通过稍微更改标记解决了这个问题。我添加了包装器 div:

<div class="radio-wrapper">
    <input type="radio" id="radio1" name="radio1" checked>
    <label for="radio1">
        Field label
    </label>
</div>

并制作了单选按钮的宽度和高度 100% 和 display: inline-block;

现在一切正常。

更改 windows 输入收音机的旁白（画外音）选择

Change windows narration (voiceover) selection for input radio

html

voiceover