我应该在HTML网站版本中使用WAI-ARIA吗?


8

我应该在我的网站版本中使用WAI-ARIA吗?有什么好处吗?现在有人在他们的代码中添加“角色”吗?

有关WAI-ARIA的一些信息-www.w3.org/WAI/intro/aria

标签,链接,复选框和滑块角色以及更多其他功能,尚不适用于HTML5。通过查看可用列表(见下文)以及将来将要出现的列表,我们似乎可以在页面上的大量标签上应用角色。这不是问题,特别是如果它为使用阅读器等的用户带来利益时

还有一个附带的问题,搜索引擎会为使用WAI-ARIA的网站带来任何好处吗?

要使用的安全角色列表(我认为)

•   role="article"
•   role="banner"
•   role="complementary"
•   role="contentinfo"
•   role="form"
•   role="heading"
•   role="main"
•   role="navigation"
•   role="search"

HTML5代码中的用法示例:

<header role="banner"></div>对于主标题,横幅每页仅允许一次

<header role="heading"></div>-对于主标题之后的所有标题

<aside role="complementary"></aside>

<form role="search"></form>


1
有趣的问题,我还没有考虑足够多的问题来回答这个问题,但是期待着这个问题!
托比,

我也是。由于当前发布的角色数量很少,因此将它们放入我们的代码中并不需要付出太多努力,但目前是毫无意义的,例如不会给任何人带来任何好处。
DBUK

但是,navigation在html5 nav元素上使用ARIA角色的目的到底是什么?您必须编写世界上最差的屏幕阅读器才能使用这些屏幕阅读器。
埃文·卡罗尔

Answers:


3

好的,自您提出这个问题以来,我一直在对此进行一些思考和研究。

现在,我认为您应该使用它们,并且我打算开始将它们引入项目中。

仅仅因为它们不可用并不意味着它们不能被辅助技术解析,如果它们有助于甚至增加一点语义价值,那为什么不呢?

如果更多的网站管理员采用了WAI-ARIA,我们将开始看到更多的好处和局限性。

由于存在一些积极因素,而没有消极因素(节省写时间和HTML大小的轻微变化),我赞成这样做。

这是有关该主题的有趣博客文章


1
谢谢,该博客文章很棒,此外,该文章之间和下方还有更多有用的链接。我将在下一个版本中使用WAI-ARIA。我认为最好的办法是让我们现在就习惯,而只有几个标签,然后再释放其余标签。
DBUK

2

这个。是。废话

我长期以来一直致力于盲人社区。我用alt在我所有的图像上,并且一直这样做。我扩大每一个abbr。我使用可访问性网站“检查器”和验证器。我向后弯腰以提供可访问的站点。

但是,这些东西必须停止。

根据上面列出的博客文章

尽管nav标签似乎可以定义nav元素的“角色”,但并不是每个浏览器都能理解它(只是因为浏览器可以显示它,并不意味着它理解标签)。

看,如果您是盲人,并且无法将浏览器更新为兼容HTML5的阅读器,那么我们需要像对待IE6用户一样开始着眼于您。你可能是瞎子;但是,你并不傻。失明不是懒惰的借口。您只需要一个新的屏幕阅读器。

<div class="sr_only">
  <span role="navigation">
  <span role="heading">
  <span role="article">
  <span role="search">
    Dear Blind community, we write semantic HMTL5 for a purpose.
    Update your screen reader!

这是对宽容的考验,全世界都在忍受一个愚蠢的想法来适应古老的技术。当然,至少那些向后弯腰的人并没有为此赚钱,但是到目前为止,您应该使用至少每两年更新一次的屏幕阅读器。

同样重要的是,如果做错了,那么很多事情就会使新的屏幕阅读器弄乱。例如,<nav>通常仅仅是的容器<ul>。如果您有一个<ul role="navigation">under,<nav>您可能会遇到无用的冗长问题

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.