How to manipulate where the focus of Iphone Voiceover will appear on the next screen when accessibility is active?

Asked

Viewed 117 times

0

I have a problem of Accessibility only in Iphone, some pages of the APP are in Webview made in . aspx and these screens uses a Multiview structure, ie a single page . aspx can have several following screens and are loaded as if it were an ajaxs. By clicking a button forward the contents of the next screen is pressed and the accessibility marking continues at the same point of the previous screen that was the forward button for example. Is there any way to determine where the focus of accessibility has to appear?

javascript ios iphone webview accessibility

  • Dude, it’s worth taking a look at ARIA which is what makes the web accessibility part, I imagine the iPhone follow this specification. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

1 answer

0


Well, after a lot of trying, I think that’s what we were able to do.

The idea is to use the a tabindex="-1" and tag role="status". You have to follow this combination to work.

     <script>
        function subirFoco() {
            if (navigator.platform.match(/iPhone|iPad/i)) {
                setTimeout(function () {
                    $('#foco').attr('tabindex', -1);
                    $('#foco').attr('role', 'status');
                    $('#foco').focus();
                }, 100);
            }
        }
    </script>

Browser other questions tagged javascript ios iphone webview accessibility

You are not signed in. Login or sign up in order to post.