html - role=dialog 和 role=alertdialog 有什么区别?

标签 html accessibility wai-aria

根据WAI-ARIA specification两个角色都应该有:

  • 关注第一个可聚焦元素
  • 用户不能离开对话框
  • 应该设置适当的 aria-label
  • 应该用来中断流程,并且应该要求采取一些行动,例如单击按钮或输入内容

我看到的唯一区别是 alertdialog 应该设置 aria-describedby

这引出了一个问题。 role=dialogrole=alertdialog 之间的实际区别是什么?我们什么时候应该使用一个或另一个?

最佳答案

如所述here , alertdialog 是 dialog 的子类型。

让他们与众不同的是他们的角色。顾名思义,当上下文需要用户立即注意时(即在出现警报、警告或错误的情况下),应使用警报对话框。

编辑:感谢@cjl750 评论更正了解释。

关于html - role=dialog 和 role=alertdialog 有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57307923/

相关文章:

html - 如何禁用 Ember.js 选择菜单中的第一个选项

html - 超过 300 行的下拉列表的最佳解决方案?

javascript - TalkBack 屏幕阅读问题

accessibility - 是否有关于何时选择 aria- describeby 而不是 aria-labelledby 的指导?

css - ARIA 角色在 IE8 中不起作用?

html - img src 标签不显示图片

javascript - Codeigniter:如何从不同的 View 访问 css 文件?

javascript - 如何防止 img src 无效,如果无效则保留以前的图像

html - 暂停屏幕阅读器以获得辅助功能

javascript - 如何将 aria 属性设置为 highcharts 工具提示