2

Web アプリケーションを ADA に準拠させようとしていますが、その基本をまだ学んでいます。ユーザーに質問をするページにアンケートを掲載した場合、目の不自由なユーザーは質問や提示された情報をどのように見るでしょうか?

たとえば、「今日は幸せですか」という質問と、「はい」または「いいえ」のチェックボックスまたはドロップダウン メニューがあるとします。タブを押すと、これらの要素に移動し、スクリーン リーダーはチェックボックスやドロップダウン メニューがあることを認識しますが、「今日は幸せですか」にたどり着くことはありません。つまり、各質問のコンテキストを理解することはできません。

これは、質疑応答のシナリオを超えています。タブでアクセスできない場合、目の不自由なユーザーはどのようにして免責事項や Web アプリケーションの情報にアクセスするのでしょうか?

tabindex="0"すべてに使用するソリューションですか？

4

1 に答える 1

3

質問は、ラジオ ボタン/チェックボックス グループ fieldsetの 'sに入れます。legend

<fieldset>
    <legend>Are you happy today?</legend>
    <input type="radio" name="happy" value="yes" id="happy-yes">
    <label for="happy-yes">Yes</label>
    <input type="radio" name="happy" value="no" id="happy-no">
    <label for="happy-no">No</label>
</fieldset>

fieldsetwithlegendテクニックを説明する記事は次のとおりです: https://accessibility.blog.gov.uk/2016/07/22/using-the-fieldset-and-legend-elements/

labelドロップダウンの場合は、要素を使用するだけです。

<label for="happy">Are you happy today?</label>
<select name="happy" id="happy">
    <option value="yes">Yes</option>
    <option value="no">No</option>
</select>

(すべてのフォーム フィールドに常にlabel 要素を使用する必要があります)

tabindexアクセシブルな Web サイトを構築する際に必要になることはめったにありません。tabindexHTML が賢明に構造化されている場合は、どこでも使用する必要はありません。

于 2018-03-01T02:17:17.390 に答える