Wybranie opcji może spowodować, że VoiceOver przeskoczy na górę strony

Question

iOS9, Safari z włączoną funkcją VoiceOver.

Nie można odtworzyć w 100%, ale po prostu zaznaczenie opcji spowoduje przesunięcie fokusu VoiceOver do przycisku u góry strony.

Teraz można nasłuchiwać wybranej opcji, a następnie skupić się na elemencie przez kilka sekund, co prowadzi do niepożądanego UX.

: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>

W kodzie produkcyjnym (który używa angularjs) wyraźnie ustawiania ostrości po 2 drugiego limitu czasu ustalonego problemu, ale to nie jest idealny! Dzięki.

Answer 1

Może to może się przydać tej właściwości CSS:

.button { 
 
speak: spell-out; 
 
}