1

该页面顶部有一个标题，然后是用户的引用、其组织的徽标和指向其主页的链接，以及他们的姓名和职位。

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

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

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

问题：

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

谢谢你。

4

2 回答 2

1

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

于 2015-07-14T22:56:49.220 回答
0

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

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

您必须决定什么文本应该是 H3（或 H2 或您决定的任何级别）。应该是组织名称、用户名还是推荐信本身？这是一个设计问题。

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

   <div role='heading' aria-level='2'>
于 2015-07-21T20:22:46.523 回答