Accessible Splide Carousel
アクセシブルな
Splideカルーセル
- What :
- アクセシビリティを配慮したSplideカルーセルのプロトタイプ
- Why :
- アクセシビリティを配慮したSplideカルーセルのプロトタイプを制作しました。スクリーンリーダーでの操作性を確保するため、キーボード操作でもスライドが可能なように実装しました。
- How :
- Splideカルーセルをベースに、スクリーンリーダーとキーボード操作でもスライドを切り替えられるようARIA属性とフォーカス管理を実装しました。視覚的なカルーセル体験を損なわず、アクセシビリティを担保する設計を目指しています。
技術面では Next.js / TypeScript / Tailwind CSS を採用しています。 - Role :
- Web Design,
Frontend Development - Date :
- 2025.11