辅助功能-带工具提示的收音机选择的焦点顺序

Question

我有一组3个单选按钮，每个单选按钮旁边都有一个工具提示。我不确定每个按钮应以什么顺序获得键盘焦点？

应该... 1.首先选择收音机2.首先选择相应的工具提示3.第二个收音机3.第二个工具提示等。

Answer 1

如果您使用的是本地<input type='radio'>，您实际上没有选择的余地。即使您的代码看起来像：

<input type="radio" name="pet" id="r1" value="dog"><label for="r1">Dog</label> <a href='#'>tooltip 1</a><br>
<input type="radio" name="pet" id="r2" value="cat"><label for="r2">Cat</label> <a href='#'>tooltip 2</a><br>
<input type="radio" name="pet" id="r3" value="fish"><label for="r3">Fish</label> <a href='#'>tooltip 3</a><br>

选择单选按钮后，单选按钮组的作用就像一个制表符。活动按钮确定其在选项卡顺序中的位置。在上述情况下，选择“猫”时，选项卡顺序为“工具提示1”，单选组，“工具提示2”，“工具提示3”。如果选择了“狗”，则顺序为单选组，“工具提示1”，“工具提示2”，“工具提示3”。

Answer 2

从根本上讲，工具提示通常不会集中注意力，因为您本身从不会直接与之交互。

与普通鼠标用户一样，工具提示必须为键盘用户显示，并由屏幕阅读器说出。 但是，由于单击它时什么也没有发生，并且没有真正的交互作用，因此使其具有可聚焦性在理论上是毫无意义的。

您可以使用aria-live使工具提示的文本在屏幕上出现时由屏幕阅读器说出。