patternfly / patternfly/patternfly-react

Bug - NumberInput: values/validation status not announced to assistive tech on update

Offen
#7,871 11 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

A11y Stale
Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Beschreibung

Describe the problem
Followup to #7806. Relevant comment chains: https://github.com/patternfly/patternfly-react/pull/7806#pullrequestreview-1077847330, https://github.com/patternfly/patternfly-react/pull/7806#pullrequestreview-1077854208, and https://github.com/patternfly/patternfly-react/pull/7806#issuecomment-1220611457

How do you reproduce the problem?

  1. Go to Number input

  2. Turn on VoiceOver or another screen reader

  3. Use keyboard to update the input (either via the +/- buttons or within the input itself)

  4. Notice the value does not get announced

    • In Chromium browsers, updating via buttons or via the input itself does not trigger an announcement. In Firefox and Safari, updating via the input announces the new value but updating via the buttons does not.

Expected behavior
The new value of the input and/or the validation status is announced to assistive tech

Is this issue blocking you?
N/A

Screenshots
N/A

What is your environment?
N/A

What is your product and what release date are you targeting?
N/A

Any other information?
N/A


Jira Issue: PF-174

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginnen Sie mit der Number input-Komponente unter https://www.patternfly.org/v4/components/number-input und sehen Sie sich die verknüpfte Diskussion in PR #7806 und deren Kommentare an. Reproduzieren Sie die Änderungen mit VoiceOver oder einem anderen Screenreader in Chromium, Firefox und Safari und überprüfen Sie anschließend, dass Wert- und/oder Validierungsänderungen sowohl bei Aktualisierungen über die Schaltflächen als auch bei direkten Eingaben angesagt werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
accessibility, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.