Dieser Beitrag wurde gemeinsam von Michael Fairchild und Jeremy Katherman verfasst.
Dieses kleine Minuszeichen vor einer Zahl ist sehr wichtig. Es kann den Unterschied ausmachen, ob Sie Geld auf Ihrem Bankkonto haben oder Überziehungsgebühren zahlen müssen. Es kann den Unterschied zwischen einer Einzahlung und einer Abhebung ausmachen.
Negative Zahlen können auf verschiedene Arten dargestellt werden, darunter:
- Roter Text: 100 $
- Für die Zahl verwendete Klammern: ($100)
- Ein Minuszeichen vor der Zahl: -100 $
Diese Muster können verschiedene Herausforderungen hinsichtlich der Barrierefreiheit mit sich bringen. Um diese Herausforderungen und mögliche Lösungsansätze zu erörtern, wollen wir uns bei unserer Diskussion auf einige Personas konzentrieren.
Jede Persona enthält Akzeptanzkriterien, in denen die Erwartungen sowie die Vorgehensweise beim Testen beschrieben werden.
Zusammenfassung
- Zwar kann die Farbe zwar optisch verdeutlichen, dass es sich um eine negative Zahl handelt, doch ist eine weitere Methode erforderlich, um dies deutlich zu machen. Die Verwendung von Klammern oder das Hinzufügen eines Minuszeichens sind gängige Lösungen.
- Für ein Minuszeichen: Das Minuszeichen (`−`) wird von den meisten Bildschirmleseprogrammen und Formaten am besten unterstützt.
Das Bindestrich-Minus-Zeichen, das auf Tastaturen zu finden ist (`-`), wird ebenfalls recht gut unterstützt, birgt jedoch einige Fallstricke. Wenn Sie das Bindestrich-Minus-Zeichen verwenden, fügen Sie kein Leerzeichen zwischen dem Zeichen und dem Wert ein. - Zu Klammern: Es empfiehlt sich, die Benutzer darauf hinzuweisen, dass negative Zahlen in Klammern gesetzt werden, insbesondere wenn sie in einem nicht-buchhalterischen Kontext verwendet werden, in dem Klammern möglicherweise unerwartet sind.
Person 1: Ein Nutzer mit Sehbehinderung, der farbenblind ist.
Manche Menschen mit Sehbehinderung oder Farbenblindheit könnten fälschlicherweise annehmen, dass eine Zahl positiv ist, wenn rote Schrift der einzige Hinweis darauf ist, dass sie negativ ist. Auch wenn die Farbe visuell verdeutlichen kann, dass eine Zahl negativ ist, ist eine weitere Methode erforderlich, um dies zu signalisieren. Die Verwendung von Klammern oder das Hinzufügen eines Minuszeichens sind gängige Lösungen.
Abnahmekriterien
Szenario: Ein Nutzer mit Sehbehinderung, der farbenblind ist, kann erkennen, wann eine Zahl negativ ist
Angenommen, ich teste die Benutzererfahrung für Nutzer mit Sehbehinderung und Farbenblindheit
Wenn die Seite eine negative Zahl enthält
Und ich betrachte die Seite durch einen Graustufenfilter
Dann kann ich erkennen, dass die Zahl negativ ist
Beispiele
Schlechtes Beispiel: $100
Gutes Beispiel: ($100)
Persona 2: ein blinder Screenreader-Nutzer.
Auch die Art und Weise, wie die negative Zahl kodiert wird, ist sehr wichtig. Bei einer falschen Kodierung erkennen manche blinde Screenreader-Nutzer möglicherweise nicht, dass es sich um eine negative Zahl handelt. Es gibt verschiedene Techniken, um dies zu erreichen, die von Screenreader zu Screenreader unterschiedlich gut unterstützt werden.
Abnahmekriterien
Szenario: Ein blinder Screenreader-Nutzer wird darauf hingewiesen, dass eine Zahl negativ ist.
Da ich die Benutzererfahrung mit einem Screenreader für Blinde teste
und die Seite eine negative Zahl enthält
, höre ich, wenn ich zu der negativen Zahl navigiere
, dass die Zahl negativ ist (in der Regel als „Minus“ angesagt).
Verwendung des Minuszeichens
Es gibt mehrere Zeichen, mit denen ein Minuszeichen dargestellt werden kann. Hier einige Beispiele:
- Das Unicode-Zeichen für den Bindestrich (`-`). Dieses Zeichen wird am häufigsten verwendet, da es auf den meisten Tastaturen zu finden ist. Hinweis: Der Bindestrich unterscheidet sich in Unicode technisch gesehen vom Bindestrichzeichen. Das Bindestrichzeichen ist auf den meisten Tastaturen nicht zu finden und wird nicht häufig verwendet.
- Das Minuszeichen (`−`). Dieses Zeichen ist auf den meisten Tastaturen nicht vorhanden und muss daher kodiert werden. In HTML wird dieses Zeichen üblicherweise mithilfe der HTML-Entität`−` kodiert.
- Andere Strichzeichen, wie beispielsweise der em- und der en-Strich. Diese unterscheiden sich in Stil und Bedeutung vom Bindestrich-Minus-Zeichen und den Minuszeichen, werden jedoch aufgrund ihres Aussehens manchmal in Designs verwendet.
Es gibt zudem verschiedene Formate, mit denen ein negativer Dollarbetrag angegeben werden kann. Hier einige Beispiele:
- -100 $ (kein Leerzeichen zwischen dem Minuszeichen und dem Dollarzeichen).
- – 100 $ (ein Leerzeichen zwischen dem Minuszeichen und dem Dollarzeichen).
- $-100 (Dollarzeichen vor dem Minuszeichen).
Empfehlung
Das Minuszeichen (`−`) wird von den meisten Bildschirmleseprogrammen und Formaten am besten unterstützt. Das Bindestrich-Minus-Zeichen (`-`) wird ebenfalls recht gut unterstützt, birgt jedoch einige Fallstricke, insbesondere bei bestimmten Formaten. Wenn Sie das Bindestrich-Minus-Zeichen verwenden, fügen Sie kein Leerzeichen zwischen dem Zeichen und dem Wert ein.
Verwendung von Klammern
Insbesondere in der Buchhaltung ist es gängige Praxis, negative Zahlen durch Klammern zu kennzeichnen: ($100). Tests haben gezeigt, dass die meisten Bildschirmleseprogramme Klammern bei Standardeinstellungen und mit den üblichen Navigationsbefehlen ignorieren. Das bedeutet: Wenn der Nutzer nicht ausdrücklich nach den Klammern sucht, erkennt er möglicherweise nicht, dass es sich um eine negative Zahl handelt.
Empfehlung
Am besten sollte sichergestellt werden, dass die Nutzer darüber informiert werden, dass negative Zahlen in Klammern gesetzt werden – insbesondere, wenn sie in einem nicht-buchhalterischen Kontext verwendet werden, in dem Klammern möglicherweise unerwartet sind. Dieser Hinweis wird die Nutzer dazu veranlassen, beim Durchsehen des Inhalts ausdrücklich auf die Klammern zu achten. Es könnte sich auch lohnen, die Verwendung eines Minuszeichens anstelle von Klammern in Betracht zu ziehen.
Tests und Ergebnisse
Die für diesen Blogbeitrag durchgeführten Tests sind ziemlich umfassend und decken acht verschiedene Kombinationen aus Screenreadern und Browsern ab. Ein derart umfangreicher Testumfang kann zwar manchmal hilfreich sein, um Lücken in der Unterstützung und Fallstricke aufzudecken, erfordert jedoch viel Zeit, Aufwand und Fachwissen und ist möglicherweise nicht immer sinnvoll durchzuführen. Auch wird es nicht immer möglich sein, eine 100-prozentige Unterstützung zu erreichen.
Die Tests zeigen, dass:
- Das Minuszeichen (`−`) wird von den meisten Bildschirmleseprogrammen sehr gut unterstützt und weist weniger situationsbedingte Tücken auf als das Bindestrich-Minus-Zeichen.
- Narrator unterstützt dieses Zeichen nicht. Da Windows-Benutzer jedoch in der Regel andere Bildschirmleseprogramme verwenden, dürfte dies kein größeres Problem darstellen, es sei denn, Ihre Benutzer sind darauf beschränkt, ausschließlich Narrator zu nutzen (beispielsweise aufgrund von Unternehmensrichtlinien).
- Das Bindestrich-Minus-Zeichen (`-`) wird in allen getesteten Formaten gut unterstützt. Dies dürfte ein guter Ausgangspunkt sein und lässt sich zudem wahrscheinlich am einfachsten umsetzen.
- Beim Bindestrich-Minus-Zeichen gibt es einige Fallstricke, die dazu führen, dass manche Bildschirmleseprogramme den Wert im Browse-Modus (oder ähnlichen Modi) nicht ansagen. Ein Beispiel hierfür ist das Einfügen eines Leerzeichens zwischen dem Bindestrich-Minus-Zeichen und dem Zahlenwert. Vermeiden Sie nach Möglichkeit ein Leerzeichen zwischen dem Zeichen und dem Wert, um dieses Problem zu umgehen.
Die Tests wurden bei allen Bildschirmleseprogrammen mit den Standardeinstellungen durchgeführt. Dabei wurde im Browse-Modus der Befehl zum Springen zur nächsten Zeile (oder eine entsprechende Funktion) verwendet, um zur zu testenden Zahl zu gelangen. Bei JAWS, NVDA und Narrator wurde beispielsweise der Befehl „Pfeil nach unten“ verwendet. Bei VoiceOver für iOS und TalkBack für Android wurde die Wischgeste nach rechts verwendet.
Mithilfe der Einstellungen des Screenreaders und der Navigationsbefehle kann das Zeichen angesagt werden, auch wenn es bei der zeilenweisen oder elementweisen Navigation nicht angesagt wird. Diese Funktionen werden jedoch möglicherweise nicht von allen Screenreader-Nutzern verwendet, insbesondere wenn nicht offensichtlich ist, dass die vorgelesene Zahl negativ sein könnte.
| Szenario | NVDA/ Chrome | NVDA/ Firefox | JAWS/ Chrome | JAWS/ Firefox |
| 1 Bindestrich vor dem Dollarzeichen, kein Leerzeichen | „minus 100 Dollar“ eingeben | „minus 100 Dollar“ eingeben | „minus 100 Dollar“ eingeben | „minus 100 Dollar“ eingeben |
| 2 Bindestrich vor dem Dollarzeichen, mit Leerzeichen | Fehlschlag„100 Dollar“ | Fehlschlag„100 Dollar“ | Fehlschlag„100 Dollar“ | Fehlschlag„100 Dollar“ |
| 3 Bindestrich nach dem Dollarzeichen, kein Leerzeichen | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben |
| 4 Minuszeichen vor dem Dollarzeichen, kein Leerzeichen | „minus 100 Dollar“ überspringen | „minus 100 Dollar“ überspringen | „minus 100 Dollar“ überspringen | „minus 100 Dollar“ überspringen |
| 5 Minuszeichen vor dem Dollarzeichen, mit Leerzeichen | „Minus 100 Dollar“ überspringen | „Minus 100 Dollar“ überspringen | „Minus 100 Dollar“ überspringen | „Minus 100 Dollar“ überspringen |
| 6 Minuszeichen nach dem Dollarzeichen, kein Leerzeichen | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben |
| 7 Klammern | Fehlschlag „100Dollar“ | Fehlschlag „100Dollar“ | Übergebe „linke Klammer, 100 Dollar, rechte Klammer“ | Übergebe „linke Klammer, 100 Dollar, rechte Klammer“ |
| 8-Klammern-Trick | „minus 100 Dollar“ überspringen | „minus [nächstes Element] 100 Dollar“ eingeben | „minus 100 Dollar“ eingeben | „minus 100 Dollar“ eingeben |
| 9 Text, gefolgt von einem Bindestrich vor dem Dollarzeichen, ohne Leerzeichen | Geben Sie „Guthaben minus 100 Dollar“ ein. | Geben Sie „Guthaben minus 100 Dollar“ ein. | Buchen: „Saldo :– 100 Dollar“ | „Saldo :– 100 Dollar“ verbuchen |
| 10 Zeichen, gefolgt von einem Minuszeichen vor dem Dollarzeichen, ohne Leerzeichen | Geben Sie „Guthaben minus 100 Dollar“ ein. | Geben Sie „Guthaben minus 100 Dollar“ ein. | „Saldo :– 100 Dollar“ verbuchen | „Saldo :– 100 Dollar“ verbuchen |
| Szenario | Erzähler/Edge | VO/macOS/Safari | VO/iOS/Safari | Talkback/Chrome |
| 1 Bindestrich vor dem Dollarzeichen, kein Leerzeichen | „minus 100 Dollar“ eingeben | Fehlschlag „100Dollar“ | „minus 100 Dollar“ eingeben | „minus 100 Dollar“ eingeben |
| 2 Bindestrich vor dem Dollarzeichen, mit Leerzeichen | Fehlschlag„100 Dollar“ | Fehlschlag„100 Dollar“ | Fehlschlag„100 Dollar“ | „minus 100 Dollar“ überspringen |
| 3 Bindestrich nach dem Dollarzeichen, kein Leerzeichen | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben |
| 4 Minuszeichen vor dem Dollarzeichen, kein Leerzeichen | Fehlschlag „100 Dollar“ | „minus 100 Dollar“ überspringen | „minus 100 Dollar“ überspringen | „minus 100 Dollar“ überspringen |
| 5 Minuszeichen vor dem Dollarzeichen, mit Leerzeichen | Fehlschlag „100Dollar“ | „minus 100 Dollar“ überspringen | „minus 100 Dollar“ überspringen | „minus 100 Dollar“ überspringen |
| 6 Minuszeichen nach dem Dollarzeichen, kein Leerzeichen | Fehlschlag „100 Dollar“ | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben | „Dollar minus 100“ eingeben |
| 7 Klammern | Fehlschlag „100Dollar“ | Fehlschlag „100Dollar“ | Fehler „100Dollar“ | Fehlschlag „100 Dollar“ |
| 8-Klammern-Trick | Fehler „(Stille) [nächstes Element] 100 Dollar“ | „minus [nächstes Element] 100 Dollar“ eingeben | „minus [nach rechts wischen] 100 Dollar“ bestätigen | „minus [nach rechts wischen] 100 Dollar“ bestätigen |
| 9 Text, gefolgt von einem Bindestrich vor dem Dollarzeichen, ohne Leerzeichen | Gib „balance dash dollar 100“ ein | „Guthaben minus 100 Dollar“ eingeben | „Guthaben minus 100 Dollar“ eingeben | „Saldo minus 100 Dollar“ verbuchen |
| 10 Zeichen, gefolgt von einem Minuszeichen vor dem Dollarzeichen, ohne Leerzeichen | Fehler „Guthaben100 Dollar“ | „Guthaben minus 100 Dollar“ eingeben | „Guthaben minus 100 Dollar“ eingeben | „Saldo minus 100 Dollar“ verbuchen |
Testsuite mit mehreren Beispielen dafür, wie negative Zahlen formatiert und programmiert werden können. Dies ist keine vollständige Auflistung aller Möglichkeiten, wie eine negative Zahl dargestellt werden könnte.
Versionen
- NVDA 2023.1 mit Chrome 116 unter Windows 11 22H2
- NVDA 2023.1 mit Firefox 117 unter Windows 11 22H2
- JAWS 2023.2307.37 mit Chrome 116 unter Windows 11 22H2
- JAWS 2023.2307.37 mit Firefox 117 unter Windows 11 22H2
- VO unter iOS 16.6
- VO mit Safari 16.6 unter macOS 13.5
- Talkback 13.5 mit Chrome 115 unter Android 13
- Narrator mit Edge 116 unter Windows 11 22H2
