it-swarm.com.de

Probleme mit der Barrierefreiheit und Benutzerfreundlichkeit von iFrame

Gibt es abgesehen von verwirrten Problemen mit dem Scrollen und dem Bildschirmleser (und ich spiele diese Probleme nicht herunter, ich habe sie nur bereits ausführlich besprochen) konkrete Probleme mit der Barrierefreiheit und Benutzerfreundlichkeit im Zusammenhang mit Iframes?

11
Ali

Das erste Dokument, das ich für diese Art von Frage verwende, ist WCAG 2.0 (über Frames)

Wie das Dokument sagt:

  • Ohne Skripterstellung neigen sie dazu, die von Browsern angebotene Funktionalität "Vorherige Seite" zu beeinträchtigen.
  • Es ist unmöglich, mit einer URI auf den "aktuellen Status" eines Framesets zu verweisen. Sobald ein Frameset den Inhalt ändert, gilt der ursprüngliche URI nicht mehr.
  • Das Öffnen eines Frames in einem neuen Browserfenster kann Benutzer desorientieren oder einfach nur ärgern.

Es gibt jedoch mehrere Problemumgehungen, um einige der Probleme zu vermeiden, z. B. das Vergeben eines Titels für den Iframe (wie WebAim suggest oder IBM ).

Mit einem Iframe ist es möglich, aber Sie müssen sich einer anderen Struktur der Site stellen (es ist nicht mehr eine Entität, sondern eine Zusammensetzung aus mehr Entitäten). Was sind die möglichen Usability-Probleme?

  • Fokusverlust
  • Überwältigen Sie die Erinnerung
  • Fuzzy-Navigation

Um diese Probleme zu vermeiden, können Sie:

  • Verwenden Sie eine andere Technologie wie Ajax (es gibt jedoch viele Probleme beim Laden dynamischer Daten über JS für den Bildschirmleser) oder ein ähnliches dynamisches Tool
  • Verwenden Sie iframe, berücksichtigen Sie jedoch eine andere Struktur der Site, um Usability-Probleme zu vermeiden
5
Elmook

Aus rein benutzerfreundlicher Sicht sieht ein div mit Überlauf: scroll genauso aus wie ein iframe. Trotzdem gibt es viele Orte, an denen etwas schief gehen könnte:

  1. Der Inhalt scheint von jemand anderem entworfen worden zu sein
  2. Inhalt passt nicht, Bildlaufleisten sehen komisch aus.
  3. Drag & Drop ist für Entwicklungszwecke komplizierter

Aber als Beispiel: Ich habe eine salesforce.com-App erstellt. Das gesamte System zwingt Sie zur Verwendung eines Iframes. Wir haben hart an den Details gearbeitet und das Design war für den Benutzer nahtlos. Niemals Bildlaufleisten usw. So kann es gemacht werden.

2
Glen Lipka