Dynamic HTML und Barrierefreiheit

Dynamic HTML (DHTML) ist in der Regel eine Kombination von CSS und JavaScript. DHTML ermöglicht es Entwicklern, Ein-und Ausblenden oder Verschieben von Informationen basierend auf Benutzereingaben oder vorprogrammierten Kommandos. Viele Beispiele in diesem Abschnitt verwendet die DHTML. Die meisten der Dropdown-Menüs auf Webseiten gefunden auch DHTML. Da die meisten dieser DHTML-Elemente auf Maus-Eingaben geändert beruhen, sind sie in der Regel für Benutzer nicht zugänglich, die nicht mit einer Maus. Bei Verwendung des DHTML, müssen zwei Punkte ausgewertet, um ihre Auswirkungen auf die Erreichbarkeit zu bestimmen:

1. Ist das Ereignis verwendet, um eine Veränderung auszulösen ist unabhängig von Geräten? Wenn die Maus benötigt wird, dann ist es nicht voll zugänglich.
2. Ist der Inhalt oder DHTML-Funktionalität zur Verfügung steht? Wenn technische Hilfsmittel nicht ausreichend auf die Inhalte oder Funktionen DHTML ausgelöst, dann ist es nicht voll zugänglich.

Verwenden Sie document.write

Dynamische Informationen und weiterentwickelt werden unten auf der Seite mit dem JavaScript geschrieben document.write . In den meisten Fällen ist der Inhalt in einer Seite JavaScript geschrieben ist zugänglich für assistive Technologien. Allerdings, wenn sich der dynamische Inhalt ändert sich ständig stört, oder mit der Navigation oder die Funktionalität des Browsers, kann es schaffen Probleme bei der Barrierefreiheit.

Pop-up

Das Popup-Fenster sind einzigartig in das Thema Barrierefreiheit. Erstens sind die meisten Experten Ergonomie gegen den Einsatz von Pop-Ups, es sei denn, erforderlich. Wenn Sie Pop-ups verwenden müssen, sollten Sie wissen, dass sie mehr Probleme bei der Barrierefreiheit zu schaffen. Für ein sehender Anwender kann es schwierig sein, zu erkennen und innerhalb navigieren. Für jemanden, der technische Hilfsmittel verwendet, können die neuen Fenster werden mühsam und verwirrend, weil das standardmäßige Verhalten der Link hat sich geändert. Die Umsetzung der JavaScript kann es schwierig oder unmöglich, die Größe zu ändern, was sehr peinlich für eine Person mit einer Bildschirmlupe. Für jemanden, der blind ist, gibt es normalerweise keinen Hinweis darauf, dass er temperamentvoll, um in einem neuen Fenster zu navigieren ist. Wenn der Benutzer auf die vorherige Seite, indem Sie die Zurück-Taste wieder versucht, kann es verwirrend sein, um zu sehen, dass dies nicht funktioniert.

Umleitung und refresh Browser-Fenster

Wenn der Browser die Seite zeigt plötzlich ändert oder Erfrischungen, kann der Betrachter dieser Seite verwechselt werden oder haben eine gewisse Verwirrung, vor allem, wenn diese Person technische Hilfsmittel verwendet. Dies geschieht mit Umleitung Seiten, wenn der Inhalt der Seite verschoben wurde oder aktualisiert werden. Section 508 verlangt, dass die Nutzer die Kontrolle über die inhaltlichen Änderungen, die im Laufe der Zeit zu behalten. Nicht automatisch ändern oder aktualisieren Sie das Browserfenster, ohne vorher den Benutzer warnt, dass die Änderung eintreten wird, und gibt ihm die Fähigkeit zu sperren bzw. verzögern die Änderung.

Verwenden Sie CSS gültig als Alternative zu JavaScript

Wie bereits erwähnt, sind die CSS oft mit JavaScript modifiziert, um DHTML-Seiten dynamisch verändernden erstellen. Doch mit der Ankunft der Version 2 von CSS, wird viele der Funktionen zur Verfügung mit der dynamischen JavaScript nun in der CSS-Spezifikation enthalten. Dies ermöglicht den Bau eines dynamischen und interaktiven Navigation und Anordnung von Elementen ohne die Verwendung von JavaScript-Ereignisse. Sie können Drop-Down-Menüs, Image Maps und andere Features auf Webseiten, ohne sich Gedanken über Event-Handler abhängig Geräte. Allerdings sind die neuen CSS-Standards nicht vollständig durch modernen Browsern, nämlich Internet Explorer unterstützt.

Screenreader sind nicht von großer CSS-Unterstützung, vor allem mit Inhalten, die sichtbar oder unsichtbar gemacht, indem Sie den Stil kann display:none oder visibility:hidden . Viele Screenreader nicht lesen, die Inhalte mit den verschiedenen Stilen, auch wenn der Inhalt ist immer noch Teil der zugrunde liegenden Struktur der Seite. Bis es gibt keine bessere CSS-Unterstützung in Web-Browsern und unterstützende Technologien, mit nur CSS zu produzieren dynamische Inhalte sollten mit einer Menge von Tests in mehreren Browsern und Lesern gemacht werden anderen Bildschirm.