Resource items function as links to the full-page representations of the items. Each item should have a unique
name prop. For each
accessibilityLabel prop should be used to give the link a unique
aria-label value. The
aria-label value should convey the link’s purpose, using the
name value. Merchants who use screen readers or other text to speech tools should be able to easily distinguish each link from the others.
When adding custom content to resource items, ensure that all text is available to all users and that all custom controls have a unique accessible name to help users understand what will happen when the control is activated.
Links can be activated with the enter/return key by default.
If you add custom controls to resource items, then make sure that the controls:
- Can be used with the keyboard
- Receive keyboard focus in a logical order
- Display a visible focus indicator