Carousel

Il carousel (o carosello) è il componente di una pagina web che mostra a rotazione, nello stesso spazio, una serie di immagini, schede o contenuti, da scorrere con frecce, punti di navigazione o trascinando con il dito. Nell'uso comune il termine è sinonimo di slider.

Quando conviene usare un carousel?

Quando i contenuti sono dello stesso tipo e il visitatore può scegliere se scorrerli: loghi di clienti, anteprime di articoli, gallerie di prodotti, recensioni. Funziona meno bene per messaggi importanti: le slide successive alla prima vengono viste da pochi, quindi il contenuto principale va messo sempre in apertura.

Come si rende accessibile un carousel?

Se scorre da solo per più di cinque secondi deve avere un comando per metterlo in pausa, come richiedono le linee guida WCAG, e deve fermarsi quando riceve il focus. I comandi devono essere raggiungibili da tastiera e avere un nome comprensibile ai lettori di schermo, e ogni immagine deve avere un testo alternativo. Per le prestazioni, le immagini non visibili si caricano solo quando servono.