Estou tendo problemas para descobrir como avançar o VoiceOver para um elemento específico no Mobile Safari.

té agora, eu tentei:

<a href="#target">Skip</a>
...
<a name="target"></a>

Isso (às vezes) avançará para o destino se a página for rolável, mas não funcionar consistentemente nas páginas longas e curtas, e às vezes fará com que o seguinte elemento não seja lido!

Eu também tentei:

<a href="javascript:someElement.focus()">Skip</a>

nfelizmente, isso não parece funcionar para campos que não são de entrad

Mais avançado, tentei colocar o link antes do elemento que quero pular e tentei defini-lo comoaria-hidden="true" mas por algum motivo isso não está funcionando para<header> elementos.

Uma coisa que funcionou é mover fisicamente o elemento que eu quero pular antes do link pular, por exemplo:

<a id="skip" href="javascript:$('header').insertBefore($('#skip'));">Skip</a>

Infelizmente, isso ainda não avança automaticamente para o próximo elemento e nenhum evento de desfoque é acionado quando você sai, por isso não tenho um bom mecanismo para restaurar o link ao seu local original assim que o usuário avança o curso

Parece que isso deve ser algo fácil de fazer e estou ficando sem ideias. Existem soluções que funcionaram para todos vocês?