我在我的网站上添加了咏叹调角色,以便尽可能地访问它,我已经对它们进行了相当多的研究。大多数角色都是直截了当的,除了一些我不太确定使用什么角色的场景。
首先是一个可操作的通知项目,有一个部分全局通知,几乎出现在我网站某个部分的每个页面中,并显示“你有10个苹果可供取件”之类的内容,旁边还有一个按钮说“拿起苹果”。基本思路是有一条消息和一个与之关联的动作,用户可以自由地忽略它并继续浏览。在我看到的“警报”和“警告对话”这两个角色中,它们似乎是相关的,因为它们使得辅助技术能够宣布其中的内容。但是“警报”不应该要求用户输入并且将根据计时器消失,并且“alertdialog”将用户的键盘锁定为模态,直到他们采取行动。
另一种情况是节标题。我知道横幅是什么,我将其分配到我网站的顶部导航横幅,包含徽标和网站导航/搜索。但是下面的标题/子导航呢?它们不是特定于页面的,而是“特定于部分”,因为有多个页面与它们相关联,它感觉就像一个子横幅。说我的网站卖水果,我有一个苹果部分。节标题/导航是否应该成为“主要”角色的一部分?我知道“导航”角色可能看似相关但我实际上有较低级别的导航,例如导航部分说“亚洲苹果/北美苹果/欧洲苹果”,而低级导航说“中国苹果/日本苹果”和这样
提前感谢所有熟悉ARIA角色的人,他们可以回答我的问题!
答案 0 :(得分:1)
值得区分“具有里程碑意义”的角色与其他ARIA角色。
标志性角色标记页面区域,can be used in the HTML:
可以添加ARIA标志性角色或ARIA标签和 内联描述属性。
因此,您可以在HTML中标记横幅,主要内容,搜索,导航等。
对于其他角色,尤其是任何动态角色,您可能希望通过JavaScript添加它们。
根据您的描述,听起来您的通知区域是用户应该注意的,但不受限制。 (因此不要使用警报或对话框。)
我认为没有特定的角色,但也许确保它在人们浏览的区域。例如,如果您有main
和h1
,请在其下包含通知区域(在源顺序中)。
如果通知区域动态更新(没有页面加载),您可以查看aria-live
以通知用户,而无需将其从当前焦点移开。
对于标题部分,我只是确保有一个h1
是特定于页面的。如果对您有意义,您可以在h2
的{{1}}上方添加main
部分标题。
实际上没有适合分段标记的角色,但如果banner
和main
是特定于页面的,则应该没问题。