Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SelectArrayInput has no multiselection indication for screenreaders #7053

Closed
tiagoit opened this issue Jan 4, 2022 · 2 comments
Closed

SelectArrayInput has no multiselection indication for screenreaders #7053

tiagoit opened this issue Jan 4, 2022 · 2 comments

Comments

@tiagoit
Copy link

tiagoit commented Jan 4, 2022

What you were expecting:
When using a SelectArrayInput the screenreaders don't indicate that this field can have a multiselection as we have with a regular select element containing the multiple attribute.

What happened instead:
Screenreaders read the element as a regular list of items.

Steps to reproduce:
Use a screenreader application to inspect a SelectArrayInput component.

Related code:

<ReferenceArrayInput source="serviceTypesIds" reference="service-types" fullWidth>
    <SelectArrayInput optionText="name" />
</ReferenceArrayInput>

Other information:

Environment

  • React-admin version: 3.15.2
  • Last version that did not exhibit the issue (if applicable):
  • React version: 17.0.2
  • Browser: 96.0.4664.110
  • Stack trace (in case of a JS error):
@frastlin
Copy link

frastlin commented Jan 4, 2022

Here is an example of correct behavior, see the multiselect heading:
https://mui.com/components/selects/
Here is a description of what should happen:
http://whatsock.com/Templates/Listboxes/Multiselect/index.htm
Here is a free screen reader to test on Windows:
https://www.nvaccess.org/download/

@fzaninotto
Copy link
Member

This was a MUI bug (mui/material-ui#38631) fixed in September 2023 (mui/material-ui#38855) and released in MUI v5.14.11 (https://github.com/mui/material-ui/releases/tag/v5.14.11).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants