it-swarm-eu.dev

Problemi di accessibilità e usabilità di iFrame

A parte problemi di scrolling e screen reader confusi (e non sto minimizzando questi problemi, è solo che li ho già discussi a lungo), ci sono problemi concreti di accessibilità e usabilità associati agli iframe?

11
Ali

Quindi il primo documento che uso per questo tipo di domanda è WCAG 2.0 (sui frame)

Come dice il documento:

  • Senza script, tendono a interrompere la funzionalità della "pagina precedente" offerta dai browser.
  • È impossibile fare riferimento allo "stato corrente" di un set di frame con un URI; una volta che un set di frame cambia contenuto, l'URI originale non si applica più.
  • L'apertura di una cornice in una nuova finestra del browser può disorientare o semplicemente infastidire gli utenti.

Ma ci sono diverse soluzioni alternative per evitare alcuni problemi come assegnare un titolo all'iframe (come WebAim suggest o IBM )

L'uso di un iframe è possibile ma devi affrontare una diversa struttura del sito (non è più un'entità ma una composizione di più entità). Quali sono i possibili problemi di usabilità?

  • Perdere la concentrazione
  • Travolgere la memoria
  • Navigazione fuzzy

Per evitare questo problema puoi:

  • Utilizzare una tecnologia diversa come Ajax (ma ci sono molti problemi nel caricamento di dati dinamici tramite JS per screen reader) o altri strumenti dinamici simili
  • Usa iframe ma considera una diversa struttura del sito per evitare problemi di usabilità
5
Elmook

Da un punto di vista puramente utilizzabile, avere un div con overflow: scroll ha lo stesso aspetto di un iframe. Detto questo, ci sono molti posti in cui le cose potrebbero andare male:

  1. Il contenuto sembra progettato da qualcun altro
  2. Il contenuto non si adatta, le barre di scorrimento sembrano strane.
  3. Il trascinamento della selezione è più complicato ai fini dello sviluppo

Ma come esempio: ho realizzato un'app salesforce.com. L'intero sistema ti obbliga a utilizzare un iframe. Abbiamo lavorato molto sui dettagli e il design è stato perfetto per l'utente. Mai scrollbar, ecc. Quindi può essere fatto.

2
Glen Lipka