ラジオボタンに「label for」パラメーターを使用して508 に準拠する場合*、次は正しいですか?
<label for="button one"><input type="radio" name="group1" id="r1" value="1" /> button one</label>
それともこれですか？
<input type="radio" name="group1" id="r1" value="1" /><label for="button one"> button one</label>
私が尋ねる理由は、2 番目の例では、「ラベル」がテキストのみを囲み、実際のラジオ ボタンを囲んでいないからです。
* 1973 年のリハビリテーション法第 508 条では、連邦政府機関がソフトウェアと Web サイトのアクセシビリティを障害のある人に提供することを義務付けています。
あなたはほとんどそれを手に入れました。これは次のようになります。
<input type="radio" name="group1" id="r1" value="1" />
<label for="r1"> button one</label>の値はfor、ラベル付けする要素の ID にする必要があります。
どちらの構造も有効でアクセス可能ですが、属性は入力要素のforと同じである必要があります。id
<input type="radio" ... id="r1" /><label for="r1">button text</label>
また
<label for="r1"><input type="radio" ... id="r1" />button text</label>
属性は 2 番目のforバージョン (input を含むラベル) ではオプションですが、IIRC にはラベル テキストを含めない限りクリック可能にしない古いブラウザーがいくつかありました。最初のバージョン (入力後のラベル) は、CSS で隣接する兄弟セレクターを使用してスタイルを設定する方が簡単です+。
input[type="radio"]:checked+label {font-weight:bold;}