algolia / algolia/autocomplete

Autocomplete elements with combobox role are missing required children

Open
#589 1 comment 0 reactions 0 assignees View on GitHub
Scope: Accessibility Scope: Detached mode Type: Enhancement
Dominant language
TypeScript
Stars
5.3k
Forks
341
Avg merge
3d 1h
Merged PRs (30d)
5

Description

## 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

Contributor guide

Open the contributing guide

Research direction

Start by locating the autocomplete rendering entry point responsible for the combobox markup, then reproduce the Lighthouse warning using the linked documentation page and the reported environment. Check the rendered ARIA roles and required child roles. Done means the reproduction produces no accessibility warning.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.