patternfly / patternfly/patternfly-react

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

Aperta
#12,110 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

A11y Stale
Lingua principale
TypeScript
Stelle
862
Fork
392
Merge medio
4g 8h
PR unite (30g)
9

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia con il componente FormGroup e riproduci il caso di una casella di controllo o di un pulsante radio obbligatorio usando VoiceOver su macOS. Controlla come la prop isRequired viene trasmessa al gruppo e alla sua label, quindi verifica che VoiceOver annunci i controlli come obbligatori quando il fix è completo.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
accessibility, frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
52/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.