非交互元素需要aria“role”(tabindex=“-1”)。

我正在为一个Web应用程序编写一个组件,在这个组件中,我需要显式地防止一个元素获得对“tab”键的关注。

根据 W3c's specs 我设定 tabIndex 属性 -1 声明非交互元素。

现在我想知道什么是 ARIA role 这种非交互元素需要?

<div
    role="???"
    tabIndex="-1"
    onKeyDown="/* ... */"
    onClick="/* ... */"
>
    Lorem ipsum
</div>