在一个文档中使用WAI-ARIA属性和HTML5语义标记

Question

我正在为我们的小公司设计一个网站，并希望制作 使用语义标签（objDataTable.PrimaryKey <- [| objDataTable.Columns.["Student Id"] |] ，<article>等）和JSON-LD结构化数据片段。

除了语义标签和JSON-LD之外，我们还想让残疾人更容易访问网站，而且我一直在学习WAI-ARIA属性。

WAI-ARIA属性可以与语义标签和结构化数据同时使用吗？ 或者，是否存在可能影响其功能的冲突风险？

Answer 1

WAI-ARIA支持在浏览器和屏幕阅读器技术之间是不确定的。

我建议仅使用ARIA属性，因为HTML5在本机HTML中无法获得相同的结果，因为HTML5大大提高了语义。不必要地添加ARIA属性不会改善您网站的可访问性，只是为您做更多的工作。只在需要时使用它。

first rule of ARIA州：

  

如果您可以使用本机HTML元素[HTML51]或具有您已经内置的语义和行为的属性，而不是重新使用元素并添加ARIA角色，状态或属性以使其可访问，那么如此。

例如，当您只能使用aria-label时，您不希望将alt添加到图像中。当许多已经通过其等效的HTML元素（例如：button，nav，article）隐含时，也无需使用aria-role显式分配角色。它还优先使用required和disabled等HTML状态，而不是ARIA等价物：aria-disabled和aria-required。

WAI-ARIA资源
PowerMapper WAI-ARIA Screen Reader Compatibility - 这是一个非常好的映射，其中ARIA属性与哪些屏幕阅读器和浏览器兼容。

What is WAI-ARIA, what does it do for me, and what not? - 我建议阅读的关键部分是“我什么时候不应该使用它？”和“我什么时候应该使用它？”。