具有事件处理程序的元素的 ARIA 角色错误

发短信

元素具有事件处理程序,但未定义有效的 WAI-ARIA 角色。

类型

错误

描述

此错误适用于没有隐式 Web 辅助功能计划 - 可访问富 Internet 应用程序(WAI-ARIA)角色的元素。

此错误表示元素具有鼠标或键盘事件处理程序(单击鼠标下移鼠标鼠标移动鼠标鼠标悬停keyupkeydownkeypress),但没有 角色 属性集,并且不是具有隐式 WAI-ARIA 角色的 HTML 标记之一(例如, 按钮img输入选择 等)。

对于没有隐式角色(如 div 标记)的交互式元素设置 角色 属性是向屏幕阅读器和其他辅助技术公开元素的行为模式所必需的。

若要修复此错误,请将 角色 属性设置为最符合此元素的行为模式和所需属性的有效 WAI-ARIA 角色。 例如,如果 div 标记函数作为按钮,请将角色属性设置为“button”。

<!-- Setting role attribute allows screen readers to know it can be clicked -->
<div role="button" tabindex="0" aria-label="Back" onclick="mouseAction(event)" onkeyup="keyAction(event)" >