Skip to content

Add accessibility support for ItemsList #53

Open
@rockerBOO

Description

@rockerBOO

Add id attributes (or other attributes) to the <ul in <ItemsList>.

https://i.imgur.com/n2IbiWo.png

Firefox accessibility issue checker

The new beta Firefox accessibility issue checker is suggesting that the listbox element be labeled. There is no way to currently label that element because <label>Results<ul ...>...</ul></label> does not seem to work.

<ul {...props.itemsListProps}>
<ul id={props.itemsListId}>
<ul aria-label={props.itemsListLabel}>

<Container>
  <label htmlFor={props.itemsListId}>Results</label>
   {children} // <ul ...>...</ul>
</Container>

This is in concern with react-autosuggest.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions