Auto playing carousel
自動再生カルーセル
- What :
- ファーストビューで自動再生するカルーセルのプロトタイプ
- Why :
- 整備・メンテナンス企業のサイトを想定し、ヒーロー画像を自動再生するカルーセルのプロトタイプを制作しました。スライドの切り替えと再生状態をスクリーンリーダーでも把握できるよう、アクセシビリティにも配慮しています。
- How :
- ヒーロー画像を自動再生するカルーセルを実装し、再生・停止状態と現在のスライドがスクリーンリーダーでも把握できるようARIA属性を付与しました。視覚訴求とアクセシビリティの両立を設計の起点としています。
技術面では Next.js / TypeScript / Tailwind CSS を採用しています。 - Role :
- Web Design,
Frontend Development - Date :
- 2026.6