2016-01-15 13 views
14

Webアプリケーションでは、ユーザーが可能なオプションのリストから1つまたは複数の回答を選択できるフィールドを含む検索フォームがあります。我々は現在、以下の例のように設定されている「複数」属性で「選択」のhtml要素を使用します。ユーザーテストからHtml複数選択要素アクセシビリティ

select { 
 
    width: 150px; 
 
}
<select multiple> 
 
    <option value="A">Alice</option> 
 
    <option value="B">Bob</option> 
 
    <option value="F">Fred</option> 
 
    <option value="K">Kevin</option> 
 
    <option value="M">Mary</option> 
 
    <option value="S">Susan</option> 
 
</select>

フィードバックは、このソリューションがユーザーのために混乱していることを示しています。 Ctrlキー(ウィンドウ上)を押しながら複数の選択/選択解除を実行しますが、多くのユーザーはこれを認識しませんでした。

この要素はキーボードだけでは使用しにくいようにも見えますが、これは明らかにアクセシビリティ上の問題です。

ユーザーに複数のオプションを使用して入力を表示する「ベストプラクティス」がありますか?

+5

代わりにチェックボックスのセットを使用しますか? –

+1

私はそこに@JamesDonnellyに同意します。これに対してドロップダウンを使用することはできますが、インタラクションデザイナーの視点からは、代わりにチェックボックスを使用する必要があります。人々はチェックボックスを使って複数のボックスをチェックするのにはずっと多く使われています。 – Dorvalla

+0

チェックボックスとの別の契約。しかし、元の