HTML

It is an attribute that tells screen readers, “This input field is required.”

aria-required 属性

入力欄が「必ず入力しなければいけない項目だよ」と、スクリーンリーダーなどの支援技術に伝えます。

<input aria-required="true">

とすると、そのフィールドが必須であることが読み上げられます。

いつ使う？

required 属性が使えない独自コンポーネントやカスタム UI を作るとき

見た目で「必須」と分かりづらい状況でも、アクセシビリティを確保したいとき

つまり 「aria-required」は見えないところで “必須ですよ” と宣言して、誰にとっても入力漏れを防ぎやすくするお助けタグ です。