radio ロールの使用

説明

このテクニックは、radio ロールをどのように使用するかを示し、ブラウザーと支援技術に及ぼす影響について説明します。

ユーザーエージェントと支援技術への影響

: 支援技術がどのようにこの技術を扱うべきかについての意見は異なる場合があります。 上記の情報は、これらの意見の1つで、したがって規範的ではありません。

例 1:

MDN ページの基本的なフォームのヒントからの例

<h3 id="rg1_label">ランチオプション</h3>

<ul class="radiogroup" id="rg1" role="radiogroup" aria-labelledby="rg1_label">
  <li id="r1" tabindex="-1" role="radio" aria-checked="false">
    <img role="presentation" src="radio-unchecked.gif" /> タイ
  </li>
  <li id="r2" tabindex="-1" role="radio" aria-checked="false">
    <img role="presentation" src="radio-unchecked.gif" /> サブウェイ
  </li>
  <li id="r3" tabindex="0" role="radio" aria-checked="true">
    <img role="presentation" src="radio-checked.gif" /> ラジオマリア
  </li>
</ul>

動作する例

使用された ARIA 属性

互換性

TBD: 一般的な UA と AT 製品の組み合わせに関するサポート情報を追加する

その他のリソース

ドキュメントのタグと貢献者

このページの貢献者: Wind1808
最終更新者: Wind1808,