Cómo definir la secuencia del lector de pantalla para una página web: accesibilidad, wai-aria, lectores de pantalla

Estoy trabajando en una tarea de accesibilidad para una aplicación web móvil (HTML + Angular + ARIA). Probé algunas formas posibles:

1. aria-flowto y aria-owns, no funciona para página web
2. tabIndex, no funciona

En mi prueba local con iOS 9.2.1 Safari, el lector de pantalla predeterminado es lineal desde arriba. ¿Hay alguna manera de definir los elementos de orden de lectura? Me gusta qué aria-flowto está haciendo.

Respuestas

aria-flowto se supone que debe proporcionar este tipo de funcionalidad (y es la única forma propuesta de hacerlo) pero aún no ha sido implementado por los proveedores de AT (o por los navegadores para acceso solo mediante teclado).

Como tal, lo único que puede hacer es asegurarse de que el orden de los elementos en el DOM sea el orden natural para que un lector de pantalla lea la página.