新規プロダクト「アソビュー！海外」でアクセシビリティを意識して開発を行った話 - asoview! Tech Blog

こちらの記事は アソビュー！ Advent Calendar 2024 の23日目（裏面） です。 みなさんこんにちは。 アソビュー株式会社の櫻井と申します。社内では主にフロントエンドの開発に携わっています。 今回は新規プロダクトでアクセシビリティを意識して開発したことについて書きたいと思います。 はじめに アクセシビリティ改善活動の取り組み 背景 アクセシビリティ対応の実装詳細 1. ページ構造とナビゲーション 2. フォーム要素とインタラクション 3. 画像とメディア img 要素 button + svg 要素 4. フォーム入力 label と input 要素の紐づけ 必須項目の表示 5. 決済選択フォームのグループ化 実装の成果 おわりに We're hiring！ はじめに アクセシビリティ改善活動の取り組み 弊社のフロントエンドエンジニアチームでは、昨年のアドベントカレンダ