David Stutz による Bootstrap-multiselect プラグインを使用しようとしています。ドキュメントはhttp://davidstuts.github.io/bootstrap-multiselectにあります 。これは、通常の選択ドロップダウンを変換して、より良いスタイルやフィルタリングなどの機能を使用するためのプラグインです。ただし、プラグインの出力では、ラジオ ボタンがアンカー タグで囲まれたマークアップが使用されます。つまり、スクリーン リーダーを使用する場合、スクリーン リーダーはアンカー タグを取得し、要素内に含まれているラジオ ボタンを無視します。アンカー タグを削除してスパンに置き換えることにより、この動作を変更してアクセシビリティを強化しようとしましたが、アンカーが見つからないため、キーボードのアクセシビリティが損なわれます。
そのため、プラグインのデフォルトに代わるマークアップを使用して、キーボードとスクリーン リーダーのアクセシビリティを連携させる方法を見つけるための助けを求めたいと思います。スクリーン リーダーは同封のラジオ ボタンではなくアンカーと対話するため、「ラジオ」の役割を追加しても機能しませんでした。