[material-ui][Autocomplete] The ARIA role 'combobox' is not valid for the input element #40616
Labels
accessibility
a11y
component: autocomplete
This is the name of the generic UI component, not the React module!
package: material-ui
Specific to @mui/material
Steps to reproduce
Steps:
disablePortal
id="combo-box-demo"
options={['The Godfather', 'Pulp Fiction']}
sx={{ width: 300 }}
renderInput={(params) => <TextField {...params} label="Movie" />}
/>)
}
<input aria-invalid="false" autocomplete="off" id="combo-box-demo" type="text" class="MuiOutlinedInput-input MuiInputBase-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-nxo287-MuiInputBase-input-MuiOutlinedInput-input" aria-autocomplete="list" aria-expanded="false" autocapitalize="none" spellcheck="false" role="combobox" value="">
4: and it Level access accessibility tool will say "The ARIA role 'combobox' is not valid for the element "
Current behavior
The ARIA role 'combobox' is not valid for the element
Expected behavior
the combobox should in the wrapper of the input box, which should fix the problem.
Context
No response
Your environment
npx @mui/envinfo
System:
OS: macOS 14.2.1
Binaries:
Node: 18.13.0 - ~/.nvm/versions/node/v18.13.0/bin/node
npm: 8.19.3 - ~/.nvm/versions/node/v18.13.0/bin/npm
pnpm: Not Found
Browsers:
Chrome: 120.0.6099.216
Edge: 120.0.2210.133
Safari: 17.2.1
npmPackages:
@emotion/react: 11.10.5
@emotion/styled: 11.10.5
@mui/base: 5.0.0-alpha.111
@mui/core-downloads-tracker: 5.11.2
@mui/icons-material: 5.11.0
@mui/lab: 5.0.0-alpha.113
@mui/material: 5.11.1
@mui/private-theming: 5.11.2
@mui/styled-engine: 5.11.0
@mui/styles: 5.11.1
@mui/system: 5.11.2
@mui/types: 7.2.3
@mui/utils: 5.11.2
@mui/x-date-pickers: 5.0.11
@types/react: 18.0.27
react: 18.2.0
react-dom: 18.2.0
typescript: 4.9.4 => 4.9.4
Search keywords: accessibility, Autocomplete
The text was updated successfully, but these errors were encountered: