3 ms·
Back-to-fundamentals exercise for a recovering carouselist: 1. Write a short summary of every content phase, and initially just straight up list those summarie
by strogonoff 5y ago
Back-to-fundamentals exercise for a recovering carouselist:
1. Write a short summary of every content phase, and initially just straight up list those summaries each linking to details[0].
2. As an improvement, consider if you want the user to click/tap to expand a point without leaving the page. Pay special attention to accessibility, tabindex, aria-describedby et al. as you do that.
3. At certain viewport sizes, you may put details to the side, and highlight the expanded point.
4. Then, as a final step, you could also cycle expanded points until first user input. Respect prefers reduced motion flag.
Voilà, you have a carousel but thought-through, accessible and purposeful.
[0] There is a natural limit on the number of points that can be shown. Make sure to be clear about the purpose of the widget. If a business is attempting to list more than 4–5 points, either there is a problem with focus or there are nearly non-overlapping audiences (e.g., seller/buyer) and resource should correspondingly be split into multiple entry points. These are aspects where design cannot be decoupled from business decisions.