フォームのアクセシビリティを考える

フォームのアクセシビリティを考える 2024.03.10 今日の Web におけるフォームはユーザーが情報を入力して対話するための重要な要素です。支援技術を利用しているユーザーがフォームの入力を妨げられることは当然避けるべきでしょう。また障害の有無に関わらず、ユーザーに迷いを与えたり、入力ミスを誘発するようなフォームはユーザーがタスクを完了せずに途中で離脱してしまう可能性が高まり、ビジネスの観点からも望ましくありません。この記事ではフォームのアクセシビリティについて考え、実際のフォームの実装においてどのような点に注意すべきかを紹介します。 今日の Web におけるフォームはユーザーが情報を入力して対話するための重要な要素です。スクリーンリーダーといった支援技術を利用しているユーザーがフォームの入力を妨げられることは当然避けるべきでしょう。また障害の有無に関わらず、ユーザーに迷いを与えたり、

[efcl]

フォームとアクセシビリティ。 labelとinputの紐付けを確認する方法、`<label>`と`aria-label`属性。視覚的にでないものは見落としやすいという話

[shingo-sasaki-0529]

aria-label に頼らずに <label> とか視覚表現からアクセシブルネームが決まるようにすることで、視覚表現に基づくリグレッションテストでアクセシビリティも担保しやすくなるってのは良い考えだなぁ。