patternfly / patternfly/patternfly-react

Bug - Form(FormGroup) - VoiceOver is not reading mandatory checkboxes and radio buttons as mandatory

Offen
#12,110 2 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
VoiceOver is not correctly announcing mandatory checkboxes and radio buttons as required within the FormGroup component even when isRequired prop is used.

How do you reproduce the problem?

  • Navigate to a page using the Forms > Form component that includes required checkboxes or radio buttons(Add isRequired to FormGroup).

  • Enable VoiceOver on macOS.

  • Move focus to the group of checkbox or radio buttons including their label.

  • Observe that VoiceOver does not announce them as "required" or "mandatory."

Expected behavior
VoiceOver should announce mandatory checkboxes and radio buttons as “required” when they are marked as such, ensuring that screen reader users are aware of which fields must be filled.

Screenshots

image

What is your environment?

  • OS: iOS 5.7.1

  • Browser: Chrome Version 141.0.7390.54 (Official Build)


Jira Issue: PF-2900

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

Beginne mit der FormGroup-Komponente und reproduziere den Fall mit einer erforderlichen Checkbox oder einem erforderlichen Radio-Button mithilfe von VoiceOver unter macOS. Untersuche, wie die isRequired-Prop an die Gruppe und ihr Label weitergegeben wird, und überprüfe anschließend, dass VoiceOver die Steuerelemente als erforderlich ankündigt, wenn der Fix vollständig ist.

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
52/100

Neue Issues direkt in Ihr Postfach

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