Accessibility Statement: How to Interact with List View

Challenge

Lists are widely used in applications to present collections of similar items, for example, search results, card layouts, or options in a dropdown.

When designing a common pattern for displaying a list of items, the challenge is to support efficient and intuitive keyboard navigation. In this component, the tab key is used to move between page components, and arrow keys to navigate within a list.

Design requirements called for the ability to include groups of both focusable and non-interactive elements within each list item, and to accommodate lists that may contain many items with complex data. The list view component is used across application pages for simple, static lists and those with several interactive elements.