私たちのサイトでは、JavaScript を使用してラジオ ボタンとチェック ボックスを代替品に置き換えているため、スタイルの設定や画像の代替品の使用が容易になります。ほとんどの場合、うまく機能しているように見えますが、目の不自由なユーザーが表のフォームに入力しようとしているときに苦情がありました。
すでにテーブルに適切なマークアップを使用していましたが、リンク要素を代わりに使用したことが問題のようです。aria の役割と状態に更新し、JAWS でテストしてみましたが、元の結果よりも優れているかどうかはわかりません。
ここで簡略化されたバージョンをモックアップしましたhttp://jsfiddle.net/vfquA/2/
私が更新した主な部分は、aria labelledby 属性を追加することです。それに加えて、ロールをリンクに追加し、aria-checked 状態を更新しましたが、JAWS でのテストでは、それが改善されたのか、目の不自由な人が予期しないものなのかはわかりません。
<a data-for="spring1" href="#nogo" aria-role="radio" aria-checked="false" class="skin" aria-labelledby="spring1_label"> </a>
システム全体で多くの再テスト/修正が必要になるため、交換方法を完全に変更せずにアクセシビリティを改善する方法について誰かが提案してくれるとよいでしょう。