Skip to content

Commit

Permalink
Update docs/api/item.md
Browse files Browse the repository at this point in the history
Co-authored-by: Brandy Carney <[email protected]>
  • Loading branch information
liamdebeasi and brandyscarney authored Sep 20, 2023
1 parent ba84925 commit e2fa31f
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/api/item.md
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,7 @@ Actions are interactive elements that do something when you activate them. An it

<BestPracticeFigure
text={<>Developers should avoid creating <a href="https://dequeuniversity.com/rules/axe/4.4/nested-interactive">nested interactives</a> which can break the user experience with screen readers. For example, developers should avoid adding a button inside the main content of the Item if the <code>button</code> property is set to <code>true</code>. Additionally, developers should use the <a href={useBaseUrl('api/item-sliding')}>Item Sliding</a> component if they need to show more than two actions.</>}
doText={<>Avoid nested interactives and put multiple items in <a href={useBaseUrl('api/item-sliding')}>Item Sliding</a> that can be revealed by swiping on the Item.</>}
doText={<>Use an <a href={useBaseUrl('api/item-sliding')}>Item Sliding</a> to reveal multiple actions by swiping on the Item.</>}
dontText="Don't put too many actions on a single item."
doImage={<img alt="A list that contains several items, each representing a contact. Each item has text that states the contact's name as well as several actions including pinning the contact, sharing the contact, and deleting the contact. These actions are revealed by swiping on the item." src={useBaseUrl('img/item/actions-do.jpg')} />}
dontImage={<img alt="A list that contains several items, each representing a contact. Each item has text that states the contact's name as well as several actions including pinning the contact, sharing the contact, and deleting the contact. The actions are placed directly on the item. Since there are so many actions, some of the text is cut off." src={useBaseUrl('img/item/actions-dont.jpg')} />}
Expand Down

0 comments on commit e2fa31f

Please sign in to comment.