WAI-ARIAは通常、ニュースのヘッドラインティッカーなどの動的コンテンツ用であり、ログインフォームなどの静的コンテンツ用ではありません。静的コンテンツは、プレーンHTMLを使用して最もよく実現されます。
ログインフォームが常に表示されるページがあると仮定すると、次のことが役立つはずです。
ログインフォームの場合、アクセシビリティの観点から、主にフォームフィールドに正しくラベルが付けられていることを確認する必要があります。fieldset \ legendは、小さなフォームなどでは実際にはオプションです。
ラベルを正しくコーディングするということは、一致するfor\id属性を使用することを意味します。
<label for="loginName">Login name</label>
<input type="text" id="loginName" name="loginName" size="30" />
<label for="loginPassword">Login password</label>
<input type="password" id="loginPassword" name="loginPassword" size="10" />
これにより、スクリーンリーダー(ブラインド)ユーザーは、ラベルに対応するフォームフィールドが読み上げられるのを正しく聞くことができます。チェックボックスやラジオボタンなどの他のフォーム要素の場合、このような正しいラベル付けを使用すると、器用さの問題があるユーザーは、テキストラベルをクリックしてフォーム入力(チェックボックス\ラジオボタン)を切り替えることができます。つまり、クリックするターゲット領域が大きくなります。ページ。
ログインフォームにアクセスしようとしていることをユーザーに知らせるには、見出し、またはfieldset\legendfコンボのいずれかを使用できます。
<h2>Login form</h2>
<FORM HERE>
または
<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>
これらのどちらでも問題ありませんが、見出しのアプローチでは、スクリーンリーダーユーザーの音声が少し乱雑になります(フィールドセット\凡例を使用すると、各フォームフィールドの前に凡例が読み上げられます)