（カスタム）WAI-ARIAのロール

Question

私はARIAとそれが提供するロール、状態、プロパティについてはかなり新しくなっています。さまざまなタイプの役割（ランドマーク、地域など）があることは理解していますが、いずれも「ログイン地域」などのような領域を表すものはありません。スクリーンリーダーがこの情報をユーザーに読めるように、この情報のグループ化を指定する方法があるのだろうか？例えば。 「ログイン地域。ユーザー名...パスワード...」

これはARIAでは不可能な場合、HTMLで一般的な方法は何ですか？事前

Answer 1

WAI-ARIAで

おかげで、ログインフォームのような、動的なコンテンツのために、ニュースの見出しティッカーのようにではなく、静的なコンテンツのための一般的です。静的コンテンツは、プレーンなHTMLを使用して最も効果的です。

ログインフォームが常に表示されるページがあるとすると、以下が役立ちます。

アクセシビリティの観点から、ログインフォームの場合、主にフォームフィールドに正しくラベルが付けられていることを確認する必要があります。フィールドセット\凡例は、小文字などのために実際にはオプションです。

ラベルを正しくコーディングするということは、\ 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> 

これらのどちらかがいいと思い、見出しのアプローチはフィールドセットの\伝説を持つスクリーンリーダーのユーザ（のためにわずかに少ないオーディオ混乱を作成するだろうが、凡例は各フォームの前に読み出され、フィールド）

Answer 2

はいいいえ。フォームには、「フォーム」という画期的な役割が与えられます。これにより、補助技術はナビゲーション目的でランドマークを見ることができます。

specを参照してください。

ランドマークを使用するとページをナビゲートするのに役立ちますが、ランドマーク自体はフォーム自体のアイテムの読み込みを生成しません。既に知られているHTMLのプラクティスに従うことで、残りの部分が処理されます。