[Accessibility]: Autocomplete options not accessible by keyboard interaction

[gselderslaghs]

Before submitting...

• I have searched for duplicate or closed issues.
• I have read the CONTRIBUTING document and my issue is following the guidelines.
• I have read the template completely before filling it in.

Context

When using the Autocomplete component, shown options are not tabbable/focusable by keyboard interaction which causes reduced accessibility towards people who rely on keyboard input

Current Behavior

Options are shown when typing, however, when trying to tab into the options by keyboard interaction to select desired option, tab focus goes to next page element

Codepen example

Expected behavior

Autocomplete options should be able to select by mouse or keyboard input

Possible Solutions or Causes

Implement the necessary functional attributes on initialization in order to make options tabbable/focusable by keyboard interaction

Your Environment

• Version used: 2.1.1

[gselderslaghs]

Found an additional bug where autocomplete component's functionality doesn't seem to be backward compatible with firefox < 113 and other older browsers, the options do not seem to be accessible by keyboard input

Needs review