To implement an accessible PatternFly action list:
- Ensure each action in the action list can be navigated to via keyboard.
- Provide an
aria-labelfor 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.
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.
- An example for when you must do this is if an action list item contains only an icon.
An action list does not have any further React props for accessibility.
An action list does not have any further HTML/CSS attributes or classes for accessibility.
View source on GitHub