可操作通知区域和节标题的适当WAI-ARIA角色?

时间:2013-11-08 18:33:17

标签: html accessibility wai-aria

我在我的网站上添加了咏叹调角色,以便尽可能地访问它,我已经对它们进行了相当多的研究。大多数角色都是直截了当的,除了一些我不太确定使用什么角色的场景。

首先是一个可操作的通知项目,有一个部分全局通知,几乎出现在我网站某个部分的每个页面中,并显示“你有10个苹果可供取件”之类的内容,旁边还有一个按钮说“拿起苹果”。基本思路是有一条消息和一个与之关联的动作,用户可以自由地忽略它并继续浏览。在我看到的“警报”和“警告对话”这两个角色中,它们似乎是相关的,因为它们使得辅助技术能够宣布其中的内容。但是“警报”不应该要求用户输入并且将根据计时器消失,并且“alertdialog”将用户的键盘锁定为模态,直到他们采取行动。

另一种情况是节标题。我知道横幅是什么,我将其分配到我网站的顶部导航横幅,包含徽标和网站导航/搜索。但是下面的标题/子导航呢?它们不是特定于页面的,而是“特定于部分”,因为有多个页面与它们相关联,它感觉就像一个子横幅。说我的网站卖水果,我有一个苹果部分。节标题/导航是否应该成为“主要”角色的一部分?我知道“导航”角色可能看似相关但我实际上有较低级别的导航,例如导航部分说“亚洲苹果/北美苹果/欧洲苹果”,而低级导航说“中国苹果/日本苹果”和这样

提前感谢所有熟悉ARIA角色的人,他们可以回答我的问题!

1 个答案:

答案 0 :(得分:1)

值得区分“具有里程碑意义”的角色与其他ARIA角色。

标志性角色标记页面区域,can be used in the HTML

  

可以添加ARIA标志性角色或ARIA标签和   内联描述属性。

因此,您可以在HTML中标记横幅,主要内容,搜索,导航等。

对于其他角色,尤其是任何动态角色,您可能希望通过JavaScript添加它们。

根据您的描述,听起来您的通知区域是用户应该注意的,但不受限制。 (因此不要使用警报或对话框。)

我认为没有特定的角色,但也许确保它在人们浏览的区域。例如,如果您有mainh1,请在其下包含通知区域(在源顺序中)。

如果通知区域动态更新(没有页面加载),您可以查看aria-live以通知用户,而无需将其从当前焦点移开。

对于标题部分,我只是确保有一个h1是特定于页面的。如果对您有意义,您可以在h2的{​​{1}}上方添加main部分标题。

实际上没有适合分段标记的角色,但如果bannermain是特定于页面的,则应该没问题。