Closed
Description
Description
When using SessionList, each item is rendered but don't have any associate with the header
React Native version:
Run react-native info in your terminal and copy the results here.
0.6.3
Steps To Reproduce
Related to this example: https://reactnative.dev/docs/sectionlist
The DOM render like:
<div role="header">
<div>Main dishes</div>
</div>
<div role="menuitem">
<div>Pizza</div>
</div>
<div role="menuitem">
<div>Burger</div>
</div>- Each group render 1 item for header and some items for the content. So that, all of them have equal level and the screen reader can not know the category of the menu item when focus to it.
Expected Results
SessionList should support group for each session, so that the screen reader will figure out the session title and will speak the title when focus to the session item
<div role="menuitem" aria-label="Main dishes">
<div role="header">
<div>Main dishes</div>
</div>
<div role="group" aria-label="Main dishes">
<div role="menuitem">
<div>Pizza</div>
</div>
<div role="menuitem">
<div>Burger</div>
</div>
</div>
</div>Snack, code example, screenshot, or link to a repository:
Please provide a Snack (https://snack.expo.io/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
You may provide a screenshot of the application if you think it is relevant to your bug report.
Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve