如何让屏幕阅读器用户更容易访问推荐页面?

时间:2015-07-14 20:23:52

标签: html accessibility wai-aria testimonials

该页面顶部有一个标题,后面是用户的引用,组织的徽标和主页的链接,以及它们的名称和位置。

目前,屏幕阅读器的大纲在页面的主要部分有一个标题。我认为理想情况下,每个推荐都应该有子项目,最好是由组织识别(但是,我是这个可访问性协议的新手)。但我找不到合适的ARIA角色。

底部还会有一个“显示更多”按钮。

我想到的另一个解决方案是在那里抛出一些<h2>,但是,我不知道这是不是很好的做法。

问题:

  • 每个推荐的子项目是否应出现在屏幕阅读器上?
  • 如果是,是否有合适的ARIA角色?
  • 如果没有,是否有其他解决方案,或者我应该放手?

谢谢。

2 个答案:

答案 0 :(得分:1)

您不需要将每个推荐作为子项目。如果您这样做,则根本不需要ARIA角色:只需h2 但是,您可以选择另一种处理方式:将每个用户引用blockquote,或者如果由于某种原因不适合,则article(作为<div role="article">或作为<article> HTML 5语义标记标记)。

答案 1 :(得分:0)

尝试设想(没有双关语)屏幕阅读器用户如何浏览评论。标题对于导航非常有用。我可以点击'1'或'2'或'3'分别跳转到H1,H2,H3。或者我可以使用'H'导航到每个标题,无论级别如何。

例如,使用Google搜索,每个结果都是H3。移动到下一个搜索结果非常容易。

您必须决定什么文本应该是H3(或H2或您决定的任何级别)。它应该是组织名称,用户名,证言本身吗?这是一个设计问题。

如果您不使用原生html标头标签(H1,H2),请确保指定正确的aria标签:

300*300