Action list

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:

• Standard keyboard navigation can be used to navigate between each action or other focusable elements.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.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.