I'm working on an accessibility task for a mobile web app (HTML+Angular+ARIA). I tested some potential ways:
aria-flowto
andaria-owns
, not working for web pagetabIndex
, not working
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
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).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.