【发布时间】：2018-12-06 21:28:30
【问题描述】：
我有一组 3 个单选框，每个单选框旁边都有一个工具提示。我不确定它们中的每一个应该以什么顺序获得键盘焦点？
应该... 1. 第一个单选 2. 第一个对应的工具提示 3. 第二个单选 3. 第二个工具提示等
【问题讨论】：
标签： accessibility keyboardfocusmanager
【发布时间】：2018-12-06 21:28:30
【问题描述】：
如果您使用的是本机 <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>
选择一个单选按钮后，这组单选按钮就像一个制表位。活动按钮确定它在 Tab 键顺序中的位置。在上述情况下，选择“Cat”时，Tab 顺序为“工具提示 1”、单选组、“工具提示 2”、“工具提示 3”。如果选择“Dog”，则顺序为单选组、“tooltip 1”、“tooltip 2”、“tooltip 3”。
【讨论】：
基本上，工具提示通常不会被关注，因为您从不直接与它本身进行交互。
与普通鼠标用户一样，工具提示必须显示给键盘用户并由屏幕阅读器朗读。 然而，由于点击它时什么都没有发生，并且没有真正的交互，所以让它成为焦点在理论上是没有意义的。
您可以使用 aria-live 让屏幕阅读器在工具提示文本出现在屏幕上时朗读它。
【讨论】：