Ich kann anscheinend keine Ressourcen oder Codebeispiele finden, mit denen ich Screenreader arbeiten lassen kann (mit Hilfe von wai aria) mit jquery über das Einfügen von html in das dom oder das Anhängen von html an dom.
Kann mir jemand bitte auf einige nützliche Ressourcen verweisen, die ich als Richtlinie verwenden kann, oder einige Codebeispiele bereitstellen, mit denen ich meine Anwendung so entwickeln kann, dass sie Barrierefreiheitsstandards erfüllt, wobei dynamische Inhalte auf einer Ajax-Post zu meiner Seite hinzugefügt werden. zurück?
TIA.
Bearbeiten (hinzugefügt Code, der nicht von NVDA gelesen wird) ... was fehlt mir?
%Vor%WCAG
Dies sind die WCAG-Empfehlungen zum clientseitigen Scripting in Bezug auf das Content-Update: Ссылка
Insbesondere habe ich bisher
gefundenSCR21: «Verwenden von Funktionen des Document Object Model (DOM) zum Hinzufügen von Inhalt zu einer Seite» (siehe Ссылка )
SCR-26: «Dynamischen Inhalt in das Document Object Model unmittelbar nach seinem Triggerelement» einfügen (siehe Ссылка )
G75: «Bereitstellung eines Mechanismus, um eine Aktualisierung des Inhalts zu verschieben» (siehe Ссылка )
G76: «Bereitstellung eines Mechanismus zur Anforderung einer Aktualisierung des Inhalts anstelle einer automatischen Aktualisierung» (siehe Ссылка )
G186: «Verwenden eines Steuerelements in der Webseite, das den Inhalt nicht mehr bewegt, blinkt oder automatisch aktualisiert» (siehe Ссылка )
ARIA
über ARIA-Rollen werfen einen Blick auf aria-live , aria-relevant , aria-atomic und alert properties:
Gibt an, dass ein Element aktualisiert wird, und beschreibt die Arten von Updates, die die Benutzeragenten, Hilfstechnologien und Benutzer von der Live-Region erwarten können.
Gibt an, welche Benutzer-Agent-Benachrichtigungen Benachrichtigungen (Hinzufügungen, Entfernungen usw.) in einer Live-Region erhalten. Siehe verwandte aria-atomare.
Gibt an, ob assistierende Technologien alle oder nur Teile der geänderten Region basierend auf den Änderungsbenachrichtigungen darstellen, die durch das arienrelevante Attribut definiert sind.
Ссылка (wenn Ajax-Ergebnisse einige Bereiche der Seite sichtbar machen oder verbergen)
Gibt an, dass das Element und alle seine Nachkommen nicht für einen Benutzer sichtbar oder wahrnehmbar sind, wie vom Autor implementiert. Siehe verwandte Aria-deaktiviert.
Warnungen werden verwendet, um Nachrichten zu übermitteln, um den Benutzer zu warnen. Im Falle von Audiowarnungen ist dies eine zugängliche Alternative für einen hörgeschädigten Benutzer. Die Alert-Rolle wird auf dem Knoten mit der Alert-Nachricht ausgeführt. Warnungen sind spezialisierte Formen der Statusrolle, die als atomare Live-Region verarbeitet werden.
Andere Ressourcen
Artikel über NVDA-Bildschirmleser und Zugriff auf Ajax-Updates und andere relevante Ressourcen:
Ссылка (hier wird ein Code-Snippet zu einer Live-Region vorgeschlagen, in der Inhalte aktualisiert werden)
%Vor%Hier ist ein funktionierendes Beispiel für einen Chat mit ARIA und Erklärungen . Beide Seiten sind auf Französisch (obwohl ersteres gut mit Google Übersetzer übersetzen sollte und letzteres gut übersetzt ist, habe ich gerade verifiziert); Das Skript und die Ressourcen sind alle in Englisch;)
Tags und Links jquery ajax accessibility wai-aria wai