autocomplete icon indicating copy to clipboard operation
autocomplete copied to clipboard

Autocomplete elements with combobox role are missing required children

Open colis opened this issue 4 years ago • 1 comments

Description

Running a Lighthouse scan on a page with the autocomplete element will produce the following warning under the Accessibility section:

Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.

Reproduction

Steps

  1. Go to https://www.algolia.com/doc/ui-libraries/autocomplete/introduction/what-is-autocomplete/
  2. Run a Lighthouse scan
  3. Scroll down to the Accessibility section
  4. See the warning

Expected behavior

No accessibility warnings.

Environment

  • OS: Ubuntu 21.04
  • Browser: Chrome 90.0.4430.212
  • Autocomplete version: 1.0.1

colis avatar May 19 '21 15:05 colis

Can confirm that I'm experiencing this too and there seems to be no way to configure this in the code.

Screenshot 2022-01-27 at 10 15 07

Perhaps worth noting that I'm exclusively using detached mode (setting the detached breakpoint to 0px)?

Any update would be useful as it's bringing our lighthouse score down 👍

nathnhughes avatar Jan 27 '22 10:01 nathnhughes