React: estados async accesibles sin saltos
Reactのフォーム実装で非同期処理(API呼び出し)の進捗状態をアクセシビリティ対応で管理する方法を、メール検証を例に解説。aria-live、aria-invalid、aria-describedbyなどの属性を使い、キーボードユーザーやスクリーンリーダー利用者にも状態変化が分かりやすく伝わる実装を示す。
React, WAI-ARIA, キーボード操作, 支援技術, フォーム, UXデザイン