(カスタム)ワイアリアの役割
-
12-10-2019 - |
質問
私はAriaとそれが提供する役割、州、およびプロパティにかなり新しいです。さまざまな種類の役割(ランドマーク、地域など)があることを理解していますが、それらのどれも「ログイン領域」などの領域を表していません。スクリーンリーダーがユーザーのためにこの情報を読み取ることができるように、この情報のグループ化を指定する方法があるのだろうか?例「ログイン領域。ユーザー名...パスワード...」
これがARIAで不可能な場合、HTMLでそれを行う一般的な方法は何ですか?
前もって感謝します
解決
Wai-Ariaは、一般に、ニュースの見出しティッカーのような動的なコンテンツ用であり、ログインフォームのような静的なコンテンツではありません。静的コンテンツは、プレーンHTMLを使用して最適に達成されます。
ログインフォームが常に表示されるページがあると仮定すると、以下が役立つはずです。
アクセシビリティの観点からログインフォームの場合、主にフォームフィールドに正しくラベル付けされていることを確認する必要があります。 Fieldset Legendは、小さなフォームなどの場合に本当にオプションです。
コーディングラベルは正しくラベルを上げます。
<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" />
これにより、ScreenReader(ブラインド)ユーザーが、対応するラベルの読み取りフォームフィールドを適切に聞くことができます。チェックボックスやラジオボタンなどの他のフォーム要素の場合、このような正しいラベル付けを使用すると、Dexterityの問題を持つユーザーがテキストラベルをクリックしてフォーム入力(チェックボックスラジオボタン)を切り替えることができます。つまり、ターゲット領域が大きいため、ページ。
ユーザーにログインフォームにアクセスしようとしていることを知らせるには、見出し、またはFieldset Legendf Comboを使用することができます。
<h2>Login form</h2>
<FORM HERE>
または
<fieldset>
<legend>Login form</legend>
<FORM HERE>
</fieldset>
これらのどちらも問題ありませんが、見出しのアプローチはスクリーンリーダーユーザーのオーディオクラッターがわずかに少なくなります(Fieldset Legendを使用すると、凡例は各フォームフィールドの前に読み上げられます)
他のヒント
はいといいえ。フォームには、「フォーム」の画期的な役割を与える必要があります。これにより、支援技術はナビゲーション目的でランドマークを確認できます。
を参照してください 仕様.
ランドマークを使用すると、ページのナビゲーションが役立ちますが、ランドマーク自体はフォーム自体のアイテムの読み取りを作成しません。既に既知のHTMLプラクティスに従って、言及されていることは、残りの世話をします。