Form Design Patterns ―シンプルでインクルーシブなフォーム制作実践ガイド
https://gyazo.com/a24f34edc0603f5fe67b74b3c676263a
ウェブのUXの要であるフォームのデザインについて、300ページ超のボリュームで、誰もが使えるアクセシブルな実装方法を解説!
メモ
ヒント(Helper Text)はラベル内部に配置する
ヒット領域が広がる
idによってヒントを結び付けられる
ただし、ヒット領域が広がらない
ヒントを押してもコントロールにフォーカスしない
エラーメッセージは、対象フィールドのすぐ上に表示する
無駄に上下にスクロールしなくても確認できる
下へ下へとフォームを読み進められる
下に配置すると
オートコンプリートパネルやオンスクリーンキーボードに隠れるかもしれない
入力欄にフォーカスが当たると、スクリーンリーダーが「無効」と読み上げる