Autocomplete with accessibility support

[tschinski]

Hey guys,

we have a feature where the user types an address into a text field. Based on the user input we fetch suggestions from an remote address service. We want to display the suggestions in a select box way and want the user to be able to pick a suggestion. Basically an autocomplete control with dynamic suggestions, something like this: https://mui.com/material-ui/react-autocomplete/ We need full accessibility support.

Do you plan to build an autocomplete or combo box (typing and selecting) control in near future? Or do you have any recommendations or tips how we can use existing scale controls to achive our goal?

Thanks in advance and best regards Tobias

[tschinski]

Hi there,

any thoughts or updates on this? A component like this would help to increase the accessibility rating of our app.

Thanks Tobias

[acstll]

Hey @tschinski this has been on our radar for a bit, but it's not currently planned, although that doesn't mean we could develop it in the near future.

In the meantime, I would suggest you take a look at this (imho very impressive) example built by one community member:

I put something together in React + Downshift with Telekom styling. It's by far not polished, but it depicts the expected behavior: https://stackblitz.com/edit/telekom-scale-combobox-multiselect?file=src%2FApp.tsx&terminal=dev

You can find the full comment here: https://github.com/telekom/scale/issues/1058#issuecomment-1213040615