La sélection d'une option peut entraîner l'accès de VoiceOver au début de la page

Question

iOS9, Safari avec VoiceOver activé.

Non reproductible à 100% mais en sélectionnant simplement une option, le focus VoiceOver passera au bouton en haut de la page.

Maintenant, vous pouvez écouter l'option sélectionnée, puis forcer le focus sur l'élément en quelques secondes, mais cela entraîne un UX indésirable.

:focus { 
 
    background-color: pink; 
 
    }

<div> 
 
    <button tabindex="-1">close</button><br/><br/><br/><br/><br/><br/><br/><br/> 
 
    <select> 
 
    <option>Email</option> 
 
    <option>Tobias</option> 
 
    <option>Linus</option> 
 
    </select> 
 

 
</div> 
 

 
<p>This example shows how to fill a dropdown list</p>

Dans le code de production (qui utilise AngularJS) définissant explicitement mise au point après délai de 2 secondes résolu le problème, mais ce n'est pas idéal! Merci.

Answer 1

Peut-être qu'il peut venir dans cette propriété css pratique:

.button { 
 
speak: spell-out; 
 
}