html - What causes VoiceOver to miss in-page links? -



html - What causes VoiceOver to miss in-page links? -

situation:

ios 7.1 voiceover enabled hyperlink (<a href="#content">) points to: target element on page (<div id="content">page contents</div> or <a id="content"></a>) url i'm investigating: http://www.yooralla.com.au/whats-on/yooralla-media-awards/yooralla-media-awards-judges-pack

what happens:

select , activate link a border appears on target element (which halfway downwards screen) the page scrolls target element @ top of screen, but border stays halfway downwards screen. the closest element border selected , bordered, reading starts halfway downwards page instead of @ target element.

closest reference can find issue item 1 here, maybe fixed in ios 8.

but i'm trying work out why it's happening , how avoid on many devices possible. i've tried linking both main content div (which fills of page), , inserting empty a tag, both of behave same.

edit: i've tried forcefulness reading position setting focus or scrolling javascript, voiceover still ignores , reads wrong place.

html ios7 mobile-safari voiceover

Comments

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -