Q&A
サイト、確認しました。
欲しい機能としては、よさげです。
jQuery-UIと同じ感じで使用できると嬉しいところですが、その辺は、リファレンス読みます！
###前提・実現したいこと
WAI-ARIA(詳細)に対応したWeb UIとして、オートコンプリートを(JavaScriptで)実装する
表示したいリストの内容は、load時に非同期でCGIを叩き、
レスポンスの内容(1万件ぐらいの[コード：値]のハッシュ)を加工して表示すること
※音声読み上げテキストが機能すること
###現在の状態
利用可能なライブラリが不明である。
参考が見当たらないため、見分のために情報を収集中
###補足情報(言語/FW/ツール等のバージョンなど)
JavaScript libraryの利用に制限はないが、libraryの改造は行えないとする。
htmlのドキュメントタイプは、以下とする
html
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
###回答いただきたいこと
回答者さんは、どの様な方法で実装されますか？
参考にして、今後、実装が本格化する時に引き出しとして、利用したいです。
回答2件
0
私なら WAI-ARIA や JavaScript を使うまでもなく、datalist要素を使うと思います。
HTML
1<label> 2 Languate 3 <input name="lang" list="language-list"> 4 <datalist id="language-list"> 5 <option value="JavaScript"></option> 6 <option value="HTML"></option> 7 <option value="XHTML"></option> 8 <option value="CSS"></option> 9 </datalist> 10</label>
Re: yuki_nishida さん
投稿2016/09/02 22:51
総合スコア18162
0
ベストアンサー
「JavaScriptで」というのは「候補リストを書き換えたい」ということでしょうか。下記サンプルの #cb1-list に項目を後から追加してもオートコンプリート自体は問題なく動きます。（読み上げ対応までは確認していません）
【Example 10 - Combobox with aria-autocomplete="inline"】
http://oaa-accessibility.org/example/10/
投稿2016/09/02 17:54
総合スコア69398
読み上げ機能を確認しました！
JavaScriptで追加制御出来る様にすれば、問題ないと判断できます。
大変、参考になる回答をありがとうございました。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/03 16:32