3

私はARIAと、それが提供する役割、状態、およびプロパティにかなり慣れていません。役割にはさまざまな種類(ランドマーク、地域など)があることは理解していますが、いずれも「ログイン地域」などの領域を表すものではありません。スクリーンリーダーがユーザーのためにこの情報を読み上げることができるように、この情報のグループ化を指定する方法があるのだろうか?例:「ログインリージョン。ユーザー名...パスワード...」

これがARIAで不可能な場合、HTMLでそれを行う一般的な方法は何ですか?

前もって感謝します

4

2 に答える 2

2

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>

これらのどちらでも問題ありませんが、見出しのアプローチでは、スクリーンリーダーユーザーの音声が少し乱雑になります(フィールドセット\凡例を使用すると、各フォームフィールドの前に凡例が読み上げられます)

于 2011-01-24T10:41:55.293 に答える
0

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

仕様を参照してください。

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

于 2011-06-18T22:11:24.110 に答える