Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
A11Y: radiogroup redundant labelling (VoiceOver)
See original GitHub issueAre you requesting a feature, reporting a bug or asking a question?
Reporting a bug.
What is the current behavior?
Screenreaders read redundant information when selecting radio inputs. For example,
What is the expected behavior?
Each choice would be read once. If the label contains text content there’s no need for an aria-label on the <label>
How would you reproduce the current behavior (if this is a bug)?
- Open Voiceover
- Navigate to the radio sample page
- tab to a choice and see it read twice
Provide the test code and the tested page URL (if applicable)
Tested page URL: https://surveyjs.io/Examples/LibrarySinglePage?id=questiontype-radiogroup&platform=Reactjs&theme=modern
Specify your
- browser: Firefox
- browser version: 99.0b3
- surveyjs platform (angular or react or jquery or knockout or vue): React
- surveyjs version: 1.9.19
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Issues · surveyjs/survey-library - GitHub
A11Y : radiogroup redundant labelling (VoiceOver) accessibility bug ... Questions regarding accessibility conformaty to EN 301 549 ...
Read more >Radio buttons | Introduction to Accessibility
To make radio buttons accessible you should use a label. Here you will an idea of how screen readers will read out different...
Read more >ARIA live regions - Accessibility - MDN Web Docs - Mozilla
A screenshot of VoiceOver on Mac announcing the update to a live region. ... adding a redundant aria-live="assertive" when using this role.
Read more >Radio button > Accessibility Audit (&7797) · Epics · GitLab.org
Audit the accessibility of the GitLab UI Radio Button component in all variants and states. ... Screen reader: VoiceOver + Safari on macOS ......
Read more >Redundantly Redundant a11y Accessibility | scottohara.me
If a text field is provided a name via a <label> element, or one of the aria-label attributes, then title and placeholder attributes...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@saltdotac in that case it looks like a bug I will investigate the issue and write back asap
The ARIA example works fine in Voiceover, with no issues of duplication. It also does not duplicate the text content of the radio in an aria-label, as described in the issue.