iOS VoiceOver scrollen, innerer div, 3 Finger streichen nach oben/unten

Question

Ich mache einige VoiceOver-Experimente mit Scrolling (die drei Finger nach oben/unten Geste wischen).

Meine Testseite unter:

http://107.170.41.208/AccessibleHTML 

Es gibt ein div mit einer Scrollbar und viel Inhalt (roter Hintergrund), und danach ein anderes div, die nicht scrollbaren mit viel Inhalt (gelber Hintergrund ist).

Mit der Maus kann ich durch den roten Hintergrundinhalt blättern, aber mit VoiceOver überspringt es diesen Abschnitt.

Wie kann ich mit VoiceOver durch den roten Bereich blättern?

Answer 1

Ein wenig spät auf die Party, aber hoffentlich ist es immer noch nützlich für die Menschen.

Die Verwendung von position: absolute kann manchmal zu Problemen mit Bildschirmleseprogrammen führen, da das DOM-Layout möglicherweise nicht mit der visuellen Reihenfolge übereinstimmt. Der VoiceOver kann manchmal die Entscheidung treffen, dass es nicht sinnvoll ist, das zuerst (oder überhaupt) zu lesen.

In diesem speziellen Fall könnten Sie einfach die erforderliche Höhe auf dem "roten" <div> mit overflow:scroll einstellen und es wäre in Ordnung und sollte lesbar und scrollfähig sein.

Als allgemeine Regel versuchen Sie, die visuelle Reihenfolge konsistent mit der DOM-Reihenfolge zu halten, indem Sie float sparsam verwenden, um das Layout leicht zu ändern.

Es gibt offensichtlich Regeln irgendwo diktiert, wie und warum das passiert, aber sie sind in Apples Code gebunden und sehr wechselhaft zwischen Releases.