Spoiler-Probleme mit VoiceOver

Fehler
, ,
1

Fortsetzung der Diskussion von Spoiler-Unschärfe nicht mit Screenreadern kompatibel:

Ich habe einen Bericht von einem VoiceOver-Benutzer erhalten, dass der neue Spoiler-Code nicht funktioniert:

Haben einige meiner Screenreader-Kollegen Schwierigkeiten mit der aktualisierten Spoiler-Funktion im Forum gehabt? Ich NEHME AN, es gab ein Update – früher wurde Spoiler-Text normal vorgelesen, ohne Hinweis darauf, dass etwas verborgen werden sollte, was natürlich nicht ideal war. Das Update scheint dieses Problem behoben zu haben, indem es Inhalte hinter einem einklappbaren Bereich mit der Bezeichnung „Versteckte Inhalte anzeigen“ legt, aber aus irgendeinem Grund werden die Texte nicht erfasst, wenn ich auf die Schaltfläche zum Erweitern/Aufdecken drücke. Zur Referenz: Ich verwende VoiceOver, Apples native Screenreader, und ich habe dies sowohl unter iOS als auch unter Mac OS bemerkt.

3 „Gefällt mir“
3

Jemand anderes sagte:

Ich habe die gleichen Probleme, wenn ich NVDA unter Windows verwende.

Und eine dritte Person stimmte zu.

Entschuldigung, aber es scheint nicht, dass der aktuelle Code ausreichend funktioniert! Wahrscheinlich wäre es besser, sogar zum alten Code zurückzukehren.

1 „Gefällt mir“
6

Hallo @Dannii, danke, dass du dieses Problem identifiziert hast. Ich habe gerade eine Korrektur veröffentlicht, die das Verhalten verbessern sollte, sodass Screenreader den Inhalt des Spoilers vorlesen, sobald er umgeschaltet wird.

4 „Gefällt mir“
7

Ich habe mein Forum aktualisiert, aber Screenreader-Benutzer berichten, dass sich für sie nichts geändert hat.

1 „Gefällt mir“
8

Sind Sie sicher, dass das Plugin auf die neueste Version aktualisiert wurde? (Commit 0ee68da)

Es scheint hier auf Meta für mich mit VoiceOver zu funktionieren. Wir verwenden hier auch aria-live als polite, was bedeutet, dass der Screenreader nicht so aufdringlich und störend ist. Stattdessen wartet er, bis der Benutzer untätig ist, um den Inhalt vorzulesen.

Das Testen wird vorgelesen

1 „Gefällt mir“
9

Ja, das Spoiler-Plugin ist bei 0ee68da1.

1 „Gefällt mir“
11

Keegan, kannst du etwas mehr darüber erzählen, wie du das testest? Dein Screenshot sieht wie ein Desktop-Browser aus. Verwendest du macOS VoiceOver? (In welchem Browser?)

macOS VoiceOver ist ein sehr anderes Produkt als iOS VoiceOver. Es ist üblich, dass es Fehler in macOS VoiceOver gibt, die nicht in iOS VoiceOver auftreten, und umgekehrt. (Aus verschiedenen Gründen ist iOS VoiceOver bei sehbehinderten Nutzern weitaus beliebter als macOS VoiceOver.)

Als ich gerade versuchte, deinen Beitrag https://meta.discourse.org/t/spoiler-issues-with-voiceover/257450/8?u=dfabulich auf iOS Safari 16.3.1 zu testen, sah ich Folgendes:

Hier ist eine Transkription:

  • Das Video beginnt mit dem Fokus auf dem Video. Dann wische ich nach rechts, um den unscharfen Spoiler-Text zu fokussieren.
  • VoiceOver kündigt an: „Versteckten Inhalt anzeigen. Schaltfläche. Zusammengeklappt. Doppeltippen zum Erweitern.“
  • Ich tippe doppelt. Der Spoiler-Text wird visuell entschärft.
  • VoiceOver kündigt an: „Inhalt ausblenden. Erweitert. Inhalt ausblenden.“ Ich behaupte, dass dies ein Fehler in Discourse ist. Es hätte den Textinhalt laut vorlesen sollen, wie es in Keegans Video der Fall war.
  • Ich wische nach rechts und navigiere zur nächsten UI-Steuerung.
  • VoiceOver kündigt an: „Eine Person hat diesen Beitrag geliked. Klicken, um anzuzeigen. Umschaltfläche.“
  • Ich wische nach links und navigiere zurück zum entschärften Spoiler-Text.
  • VoiceOver kündigt an: „Inhalt ausblenden. Schaltfläche. Erweitert. Doppeltippen zum Zusammenklappen.“
  • Ich wische dann einfach noch einmal nach rechts und links, um zu überprüfen, ob das gleiche Verhalten auftritt, und das tut es.

Wir haben Berichte von Nutzern im Forum von intfiction.org, dass die Spoiler-Unschärfe auch in NVDA kaputt ist, was es wert sein könnte, von deiner Seite aus getestet zu werden.

2 „Gefällt mir“
12

Hallo @dfabulich, danke für diese Details. Ja, ich habe hauptsächlich unter Chrome getestet (macOS VoiceOver und Windows 11 Narrator).

Ich werde weitere Nachforschungen/Tests durchführen und sehen, ob ich bald eine Lösung für iOS, NVDA und andere wichtige Geräte herausbringen kann.

Danke!

3 „Gefällt mir“
13

Ja, keine dieser beiden sind annähernd beliebte Screenreader und sollten nicht Ihre primären Testplattformen sein.

Hier ist die wichtigste Branchenumfrage von Screenreader-Nutzern von WebAIM.

https://webaim.org/projects/screenreadersurvey9/ (Sie führen diese Umfrage alle paar Jahre neu durch; diese ist von 2021)

Nun müssen Sie diese Umfrage sorgfältig lesen, da sie zuerst über Desktop-Browser spricht und eine Tabelle mit dem Titel „Primary Screen Reader“ enthält https://webaim.org/projects/screenreadersurvey9/#primary, aber sie bezieht sich speziell auf den primären „Desktop/Laptop“-Screenreader.

Diese Tabelle zeigt, dass „VoiceOver“ nicht sehr beliebt ist, aber sie bezieht sich in diesem Abschnitt auf macOS VoiceOver. (Wenn Sie nach unten zum Abschnitt „Operating Systems“ scrollen, sehen Sie, dass macOS selbst unter Screenreader-Nutzern nicht sehr beliebt ist.)

JAWS für Windows ist der führende Screenreader, gefolgt von NVDA für Windows. macOS VoiceOver ist ein weit abgeschlagener Dritter. Windows Narrator hat eine Nutzungsrate von 0,5 %!

Beachten Sie, dass JAWS Geld kostet (und sein Lizenzierungsmodell umständlich ist) und NVDA kostenlos ist. Aber auch NVDA neigt dazu, fehlerhafter zu sein als JAWS; meiner Erfahrung nach funktioniert alles, was in NVDA funktioniert, auch in JAWS.

Später spricht es über „Mobile Screen Readers Used“ https://webaim.org/projects/screenreadersurvey9/#mobilescreenreaders

Diese Tabelle zeigt, dass die integrierten Screenreader des Betriebssystems dominieren, mit iOS VoiceOver (71,5 %) und Android TalkBack (29,1 %). (Diese addieren sich zu mehr als 100 %, da manche Leute beides verwenden.)

In dieser Umfrage fehlt eine Umfrage über „Zeit auf Mobilgeräten vs. Zeit auf dem Desktop“, aber meiner Erfahrung nach stammen die überwiegende Mehrheit der Fehlerberichte, die ich von Screenreader-Nutzern höre, von iOS-Nutzern und NVDA-Nutzern.

Daher empfehle ich das Testen in dieser Prioritätsreihenfolge:

  1. iOS Safari VoiceOver. Ich empfehle Mobilgeräte gegenüber Desktop (weil ich, ohne Daten zu haben, behaupte, dass Mobilgeräte unter sehbehinderten Nutzern deutlich beliebter sind) und iOS gegenüber Android, da iOS unter sehbehinderten Nutzern überwältigend beliebter ist als Android.
  2. Windows NVDA auf Chrome. NVDA ist nicht ganz so beliebt wie JAWS, aber fehlerhafter. Alles, was in NVDA funktioniert, funktioniert auch unter JAWS, aber nicht unbedingt umgekehrt.
  3. Windows JAWS auf Chrome.
  4. Android TalkBack auf Chrome.
  5. macOS VoiceOver auf Safari.

Aber ich glaube, Sie werden feststellen, dass das Testen in iOS Safari VoiceOver bereits ein ausgezeichnetes Preis-Leistungs-Verhältnis bietet. Normalerweise teste ich nur iOS Safari und dann Windows NVDA auf Chrome, wenn ich sehr gründlich sein möchte, und dann höre ich normalerweise auf.

Es ist mindestens fünf Jahre her, seit ich einen Benutzerbericht über einen Fehler gesehen habe, der unter Windows JAWS, aber nicht unter Windows NVDA auftritt. Ich glaube, ich habe noch nie einen Benutzerbericht über einen Fehler auf Android TalkBack gesehen.

4 „Gefällt mir“
14

Gibt es schon Fortschritte bei diesem Problem?

15

aria-live ist nicht dafür gedacht, umgeschaltet zu werden. Sie sollten es zu Beginn auf polite setzen und es dann so belassen. Bei der bestehenden Implementierung erkennt es nie, dass eine Änderung vorgenommen wurde, da Änderungen nie stattfinden, während es aktiviert ist.

1 „Gefällt mir“
16

Das Problem für mich (NVDA/Windows) scheint zu sein, dass Sie ein äußeres Div mit einem aria-label haben. Ich glaube, dass dies bei den meisten Screenreadern keine Anmerkung des Inhalts ist, sondern ein Ersatz für unzugänglichen Inhalt. Zumindest wird das aria-label als Einziges für mich vorgelesen.

Hier ist eine Aufnahme des Spoilers in diesem Thread: Vorlesen des Zeitreglers am unteren Rand des Videos, dann ein leerer (ich weiß nicht, was das ist), dann der sichtbare Spoiler („Button erweitert Inhalt ausblenden“) und dann das Dropdown-Menü „2 Antworten“.

Beachten Sie, dass, wenn ich die Debug-Funktion von NVDA verwende und mit der Maus über den erweiterten Text fahre, um ihn zu lesen, er gelesen wird. Aber ich habe keinen Weg gefunden, ihn dazu zu bringen, den Text zu lesen, ohne die Maus zu benutzen. Das scheint also keine gültige Methode zu sein, um zu testen, ob er tatsächlich zugänglich ist…

2 „Gefällt mir“
17

Ich habe einen PR mit einigen Verbesserungen der Barrierefreiheit erstellt:

3 „Gefällt mir“
19

Danke @Dannii für den PR :slight_smile:

Ich habe ihn gerade überprüft und einige Kommentare hinzugefügt, nur ein paar sehr kleine Dinge, aber ansonsten sieht er gut aus!

1 „Gefällt mir“
21

Danke @Dannii, dein PR wurde gemerged :slight_smile: dieses Problem sollte nun behoben sein

2 „Gefällt mir“