action-list.md

id	section
Action list	components

import { Checkbox, List, ListItem } from '@patternfly/react-core';

Accessibility

To implement an accessible PatternFly action list:

• Ensure each action in the action list can be navigated to via keyboard.
• Provide an aria-label for an action if it does not have its own visible text content.
• If passing in another PatternFly component as an action, ensure that component follows its own accessibility documentation.

Testing

At a minimum, an action list should meet the following criteria:

Tab navigates to the next action or focusable element, and Shift + Tab navigates to the previous action or focusable element.} /> If an action does not have its own visible text content, an aria-label is applied to it.} description="An example for when you must do this is if an action list item contains only an icon." />

React customization

An action list does not have any further React props for accessibility.

HTML/CSS customization

An action list does not have any further HTML/CSS attributes or classes for accessibility.