patternfly / patternfly/patternfly-react
Bug - Form(FormGroup) - VoiceOver is not reading mandatory checkboxes and radio buttons as mandatory
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 862
- Forks
- 392
- Avg merge
- 4d 8h
- Merged PRs (30d)
- 9
Description
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
What is your environment?
-
OS: iOS 5.7.1
-
Browser: Chrome Version 141.0.7390.54 (Official Build)
Jira Issue: PF-2900
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the FormGroup component and reproduce the required checkbox or radio-button case using VoiceOver on macOS. Inspect how the isRequired prop is conveyed to the group and its label, then verify that VoiceOver announces the controls as required when the fix is complete.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100