Difference between revisions of "IOS focus movement"
Jump to navigation
Jump to search
| Line 4: | Line 4: | ||
<section id="example"> | <section id="example"> | ||
<style> | <style> | ||
| − | #overlayAbandonDiv { background-color:#000; color:yellow; padding:50px; position:absolute; top: | + | #overlayAbandonDiv { background-color:#000; color:yellow; padding:50px; position:absolute; top:50px; left:10px;} |
#overlayAbandonDiv h1 { color:yellow;} | #overlayAbandonDiv h1 { color:yellow;} | ||
#va { display:none; } | #va { display:none; } | ||
Revision as of 18:32, 4 December 2017
iOS/VoiceOver does not follow shallow focus targets
12/04/17
Generally speaking iOS/VoiceOver does not follow shallow focus targets. Since around iOS 10, it appears that when focus is not moved directly to text, VoiceOver does not follow it, such as the case when moving focus to the outer container of a deeply nested structure.
My recommendation is to move focus closest to the text you want the user to hear as seen in the example below.
Open DialogTesting
| OS | Browser | Screen Reader | Results |
|---|---|---|---|
| iOS 11.2 | Safari | VoiceOver | VoiceOver announces desired text and the virtual cursor can access all of the dialog's content. |
Visual ARIA is an ARIA education and testing tool
For more see http://whatsock.com/training/matrices/visual-aria.htm
