Missing props for accessibility

I am trying to add role="list" to the react-infinite-scroll-component top div so screenreaders can announce how many children are under this list, however there is no way to add it under the existing props so screenreaders cannot announce items inside the infinity scroll list correctly.

@YuridiaLarios

Hey @YuridiaLarios, thanks for filing this! The fix shipped in v7.2.1 — you can now pass role, aria-label, aria-labelledby, and any other aria-* attribute directly to the component:

<InfiniteScroll
  role="list"
  aria-label="Search results"
  ...
>
  {items.map(item => (
    <div role="listitem" key={item.id}>{item.name}</div>
  ))}
</InfiniteScroll>

Thanks to @sayedrisat for picking this up and implementing it!

Navigation Menu

Repository navigation

Missing props for accessibility #411

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Missing props for accessibility #411

Description

Activity

iamdarshshah commented on Jun 6, 2026

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions