アクセシブルリンク

Question

ブートストラップpanel-headingの中にいくつかの入力要素があります。私はマウスを使ってうまく動作するクリックハンドラーを持っていますが、WCAG準拠のためにはキーボードが必要です。クリックORスペースバーに応える簡単な方法はありますか？

• ボタンにタグを変更し、CSS
• 思われる文書にKeyDownイベントトリガを追加し、e.keyCode

両方のを確認すると、ボタンのスタイルを削除する：私が見ることができる唯一の方法は、どちらかでありますハッキーならば、長い風が強い。

EDIT：具体的には、ヘッダでは、私は以下の構造を有する：個々<a>タグ内の要素をラップ

------------------------------------------ 
- \/ Section Name  [15]  [On/Off] 
------------------------------------------ 

は、彼らがフォーカスを受け取ることができますが、唯一の実際のセクション名は、拡張ハンドラをトリガしますクリックします。

Answer 1

アンカーとスパンの代わりに<button>要素を使用し、JavaScriptでaria-expanded属性を切り替えることで、この問題を回避しました。