survey-library
survey-library copied to clipboard
surveyjs
A11Y: radiogroup redundant labelling (VoiceOver)
Are 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
I've checked the example with the nvda reader and it looks ok:
Probably there is dome difference between nvda, narrator, Voiceover etc
Here is the etalon example: https://www.w3.org/TR/wai-aria-practices-1.1/examples/radio/radio-1/radio-1.html could you please check it with the Voiceover? Does it sound well?
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.
@saltdotac in that case it looks like a bug I will investigate the issue and write back asap
We've done some investigations and can't find fast way to fix the problem. We decided to add this ticket to our backlog for a while and we will return to it a bit later.
@dmitrykurmanov Thanks for the update! I appreciate y'all still working on it.
closed in favor of https://github.com/surveyjs/survey-library/issues/6859