iOS VoiceOver scorrimento, div, a 3 Passare il dito su/giù

Question

sto facendo qualche sperimentazione VoiceOver con lo scorrimento (a tre dita scorri verso l'alto gesto/giù).

La mia pagina di test e ':

http://107.170.41.208/AccessibleHTML 

C'è un div con una barra di scorrimento e un sacco di contenuti (sfondo rosso), e dopo che un altro div che non è scorrevole, con un sacco di contenuti (sfondo giallo).

Con il mouse posso scorrere il contenuto sfondo rosso, ma usando VoiceOver salta quella sezione.

Come posso scorrere il contenuto della sezione rossa con VoiceOver?

Answer 1

Un po 'in ritardo per la festa, ma si spera che sia ancora utile per le persone.

Utilizzando position: absolute a volte può causare alcuni problemi per lettori di schermo, come il layout DOM potrebbe non corrispondere l'ordine visivo. A volte VoiceOver può prendere la decisione che non avrebbe senso leggerlo prima (o del tutto).

In questo caso specifico si può solo impostare l'altezza necessaria sul <div> "rossa" con overflow:scroll e che sarebbe stato bene e deve essere leggibile e scorrere-grado.

Come regola generale, provare e mantenere l'ordine visivo coerente con l'ordine DOM, utilizzando float con parsimonia per modificare leggermente il layout.

Ovviamente ci sono delle regole da qualche parte che dettano come e perché questo accade, ma sono legati nel codice di Apple e molto variabile fra le release.