返回顶部链接的可访问性答案

【问题标题】：Accessibility on back to top link返回顶部链接的可访问性
【发布时间】：2019-05-28 18:28:23
【问题描述】：

我正在处理一个相对较长的网页（4 页以上）。为了便于使用，我在页面底部添加了 返回顶部 链接。

我想知道，是否可以通过使用 aria-hidden="true" 和 tabindex="-1" 从屏幕阅读器或辅助工具中跳过此链接。这是否不符合可访问性标准？

由于页面底部可以看到返回顶部的箭头，是否有必要将此链接提供给屏幕阅读器用户？到目前为止，我的理解是 home 键用作键盘/屏幕阅读器用户的返回顶部。

任何建议都会很有帮助。

【问题讨论】：

我共事过的一位无障碍顾问（和屏幕阅读器用户）认为，开发人员应该尽量为所有用户提供相同的体验，而不是创造多种不同的良好体验。考虑到这一原则，我建议不要对屏幕阅读器隐藏返回顶部链接。
@sean：感谢您的评论。是否必须专注于返回顶部链接点击的任何元素？如果是，最佳做法是什么？

【解决方案1】：

您不应该只关注任何一个用户的体验。例如，如果您在逻辑位置有“返回顶部”链接，则应该不将其排除在 Tab 键顺序之外，因为您只考虑一种类型的用户体验。同时，无障碍功能不应妨碍正常体验。

也就是说，在纯粹的开发基础上，链接应该获得焦点，因此它确实会失败，因为它不是完全可操作的。

【讨论】：

【解决方案2】：

WCAG 2.1.1 非常清楚这个话题。

所有内容的功能都可以通过键盘界面操作...

它没有说“大多数”功能。

home 键也适用于鼠标用户，为什么他们也可以点击“返回顶部”链接而没有其他人？

【讨论】：

aria-hidden 用于隐藏屏幕阅读器中的元素。考虑到我们也可以使用 aria-hidden 隐藏元素，是否反对 WCAG 隐藏可聚焦元素？
是的，它违反了 WCAG 对某些用户而不是所有用户隐藏交互元素。如果您使用display:none 以便对所有人隐藏该元素，那没关系。见w3.org/TR/aria-in-html/#fourth