Description

aria-required 属性は、フォームが送信される前に要素にユーザー入力が必要であることを示すために使用されます。 この属性は、一般的な HTML フォーム要素で使用できます。 ARIA の role が割り当てられている要素に限定されるものではありません。

HTML5 には required 属性が追加されましたが、まだ HTML5 をサポートしていないユーザーエージェントには aria-required はまだ役立ちます。

true または false(デフォルトは false

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

スクリーンリーダーはフィールドが必須であることをアナウンスするべきです。

この属性は、フィールドの表現を自動的に変更しないことに注意してください。

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

例 1: 単純なフォーム

 

 <form action="post">
     <label for="firstName">名:</label>
     <input id="firstName" type="text" aria-required="true" />
     <br/>
     <label for="lastName">苗字:</label>
     <input id="lastName" type="text" aria-required="true" />
     <br/>
     <label for="streetAddress">住所:</label>
     <input id="streetAddress" type="text" />
 </form>

動作する例

ツールチップの例aria-required 属性の使用を含む)

ARIA ロールで使用

  • Combobox
  • Gridcell
  • Listbox
  • Radiogroup
  • Spinbutton
  • Textbox
  • Tree

互換性

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

その他のリソース

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

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