Screenreader und HTML Dokument Fokus

Question

Ich bin neu in diesem ganzen ARIA und Barrierefreiheit Aspekt von HTML. Ich habe eine App, wo die meisten Dinge mit Bildschirmlesern richtig funktionieren. Wenn ich jedoch von irgendeinem Steuerelement wegklicke, d.h. auf das Dokument fokussiere, liest NVDA immer "Seitentitel Dokument". Ich habe versucht, es für eine Weile zu stoppen, aber erfolglos.

Die beste Sache, die ich kam, ist tabindex=0 zu meinem obersten DIV hinzuzufügen, so dass es Fokus auf Klick statt Dokument erhalten würde, aber selbst dann liest NVDA das Wort "Abschnitt", wenn es fokussiert wird. Gibt es eine Möglichkeit, dies zu unterdrücken?

Ich habe auch versucht, Titel zu entfernen und fügt es wieder in einem kurzen Timeout und dann Leser sagt nur das Wort "Dokument", das ist in Ordnung, aber je nach JS Aktivität Timeout flackert manchmal leer Titel, wie es nicht so konsequent ausgeführt wird. Und requestAnimationFrame ist zu kurz, der Leser hat keine Zeit den leeren Titel auszuwählen und liest ihn trotzdem.

Answer 1

Wenn Sie auf den Dokumentkörper klicken, wird er fokussiert und das zuvor fokussierte Steuerelement wird unscharf. Der Bildschirmleser wird diese Änderung durch Lesen des zugänglichen Namens des neu fokussierten Widgets, nämlich des Dokumenttitels, widerspiegeln. Dies ist völlig normales und völlig erwartetes Verhalten, das muss nicht geändert werden.

Sie müssen bedenken, dass Ihre Erwartungen als sehende Entwickler völlig anders sind als bei jedem Benutzer, geschweige denn bei sehbehinderten Benutzern. Was Ihnen natürlich erscheint und erwartet wird, wird für eine blinde Person höchst verwirrend sein.

Versuchen Sie, für eine Weile an ihrem Platz zu sein. Legen Sie eine Schlafmaske auf Ihre Augen und versuchen Sie, Ihre App nur mit Tastatur und Bildschirmleser zu verwenden. Ich mache das oft und es ist eine sehr erleuchtende Erfahrung.