| Do | Enable scroll-snap when each item should land precisely at the start edge, like a gallery or product list. |
| Do | Always provide an aria-label that describes what the carousel contains, like "Featured products" or "Team members". |
| Do | Use a consistent gap and item width so the carousel looks intentional, not like content overflowing by accident. |
| Don't | Use a carousel for content every user must see. Not everyone scrolls horizontally, so put critical content above the fold. |
| Don't | Auto-advance items. Let the user scroll at their own pace. |
| Don't | Nest carousels. A carousel inside a carousel is confusing and breaks keyboard navigation. |