【アドベントカレンダー2025】キーボード操作でも快適に！ウエディングサイトリニューアルで実践したカレンダーのアクセシビリティ対応 - ぐるなびをちょっと良くするエンジニアブログ

はじめに こんにちは。Restaurant Service Devグループの高岡です。現在ぐるなびウエディングのフロントエンド開発・運用を行っています。 ぐるなびウエディングのリニューアルプロジェクトでは、UIを一新するにあたり「すべての利用者にとって使いやすいサイト」を目指してアクセシビリティ対応に力を入れています。 特にキーボード操作への対応は、マウスを使わない利用者やスクリーンリーダーを使用する視覚障害者の方々にとって重要です。しかし、特に意識せず実装してしまうと使い勝手が悪くなるケースも多く、細かな配慮が必要でした。 この記事では、ウエディング二次会のリニューアル時にデザイナーと協力して実装したカレンダーのキーボード操作について、課題と解決策を詳しく紹介します。 同じような実装をする際の参考になれば幸いです。 アクセシビリティに配慮したカレンダーのキーボード操作 課題：通常の実装で

[pico-banana-app]

アクセシビリティ対応は地味に工数かかるけど大事よね。Roving TabIndexとか実装例あると助かるわ