如何为网页定义屏幕阅读器顺序 [英] How to define screen reader sequence for a web page

问题描述

我正在为移动网络应用（HTML + Angular + ARIA）进行辅助功能任务。我测试了一些可能的方法：

I'm working on an accessibility task for a mobile web app (HTML+Angular+ARIA). I tested some potential ways:

1. aria-flowto 和 aria-owns ，不适用于网页


2. tabIndex ，不适用于

1. aria-flowto and aria-owns, not working for web page
2. tabIndex, not working

在我的iOS 9.2.1 Safari本地测试中，默认屏幕阅读器是从上到下的线性方式。有没有一种方法可以定义元素的阅读顺序？像 aria-flowto 是什么。

In my local test with iOS 9.2.1 Safari, the default screen reader is linear way from top. Is there a way I can define elements reading order? Like what aria-flowto is doing.

推荐答案

aria-flowto 应该提供这种功能（这是建议的唯一方法），但尚未被AT供应商（或用于仅键盘访问的浏览器）实现。

aria-flowto is supposed to provide this sort of functionality (and it is the only proposed way to do so) but it has not been implemented yet by AT vendors (or by browsers for keyboard-only access).

这样，您唯一可以做的就是确保DOM中元素的顺序是屏幕阅读器读取页面的自然顺序。

As such, the only thing you can do is to ensure that the order of the elements in the DOM is the order that is natural for a screen reader to read the page.

这篇关于如何为网页定义屏幕阅读器顺序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！