You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The original react-autocomplete was archived on July 2019.
I am sure there are cases where it is not an option to migrate to other libraries, therefore I decided to fork the original repo and publish a new version of the package (which my lack of creativity named: react-autocomplete-2).
The next things I want to do with the lib is:
Make accessible to screen readers. Currently is only accessible only with keyboard
Update all the dependencies.
Ensure that the following UX rules are followed
Auto complete UX
When do the suggestions appear?
When the user types one letter
Where do the suggestions appear?
Below the field
How does the user select a suggestion?
Types the whole word
Navigates with keyboard arrows and presses enter
Selects the option from the list and presses enter
How does the user close the list?
Click outside
Select an option
Tab (to focus next element)
Accessibility requirements
The meaning and usage of the autosuggest must be clear.
If possible, the total number of suggestions should be perceivable ("3 suggestions in total" or similar).
Proper feedback must be given upon entering a filter ("2 suggestions available for X" or similar).
The autosuggest must be operable using both keyboard only and screen reader (with a reasonable interplay of default keys like Tab, Enter/Space, Esc, Arrow keys).
Keyboard Interaction
UP and DOWN: Cycles through auto-suggestions and input field.
ESC: Close the menu
ENTER: Select the currently focused auto-suggestion and close the menu.
TAB: Select the currently focused auto-suggestion, close the menu, and move focus to the next focusable element.
Screen reader interaction
When the field gains focus an initial instruction is announced.
When results are returned the count and instructions are announced.
When suggestions are arrowed through they are spoken aloud.
The text was updated successfully, but these errors were encountered:
Hello everyone,
The original react-autocomplete was archived on July 2019.
I am sure there are cases where it is not an option to migrate to other libraries, therefore I decided to fork the original repo and publish a new version of the package (which my lack of creativity named: react-autocomplete-2).
The next things I want to do with the lib is:
Auto complete UX
When do the suggestions appear?
Where do the suggestions appear?
How does the user select a suggestion?
How does the user close the list?
Accessibility requirements
Keyboard Interaction
Screen reader interaction
The text was updated successfully, but these errors were encountered: