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

Question

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

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

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

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

问题：

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

谢谢。

Answer 1

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

Answer 2

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

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

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

如果您不使用原生html标头标签（H1，H2），请确保指定正确的aria标签：

300*300