html - 使用 tab-index 在 html 中禁用属性的可访问性

Question

您好我在处理禁用元素的选项卡索引时遇到问题，因为我们无法聚焦元素，屏幕阅读器工具不会宣布元素并直接跳过。

例子：

我确实有仪表板具有查看用户名和电子邮件ID的功能，但在他们按下更新按钮之前不能访问更新。

在这些场景中，html 标记处理了禁用属性，它无法聚焦并跳过更新按钮。

期待：

用户应该能够集中注意力或屏幕阅读器应该能够使用 aria-label 访问禁用属性。

Answer 1

使用 Tab 键导航时，禁用的表单字段根本无法聚焦或遍历，这是一种正常行为。你不应该试图改变这一点。

如果即使该字段不可修改，也可以将其聚焦，那么最好将其设置为只读而不是禁用。例如，对于用户可能要复制到剪贴板的元素，这是正确的方法。

在后一种情况下，直接在焦点上选择整个文本也是一个好习惯。