javascript - ARIA 地标在文本区域/输入中不起作用

Question

当我将 role="main" 放入 textarea 元素时:

<textarea role="main" aria-label="text area"></textarea>

当我单击“r”或“q”时，屏幕阅读器 (JAWS) 不会为我读取该区域。

当我将地标属性设置为父 div 时 - 它正在工作。

输入中不支持地标吗？

Answer 1

ARIA Angular 色和 aria-* 属性可以应用于 HTML 元素，只要它们不与 HTML 元素强大的 native 语义冲突即可。这是设计使然，原因是为了防止作者向辅助技术传达错误/误导性信息。

The WAI-ARIA section of HTML 5.1 spec给出 textarea 元素的强大 native 语义，如下所示:

textbox role, with the aria-multiline property set to "true", and the aria-readonly property set to "true" if the element has a readonly attribute

在 textarea 上应用 role="main" 会与文本框 Angular 色冲突，因此会被忽略。