aria-required属性
aria-required属性は入力項目の必須を示すWAI-ARIA属性です。
*などの記号のみでは必須であることが伝えにくい場合に、支援デバイスに必須項目であることを示すことができます、
名前<span class="required" aria-hdden="true">*</span>
<input name="name" aria-required="true"/>
上記ではaria-required属性で必須であることを示しているため、aria-hidden属性で、「*」を読み上げないようにしています。
少し冗長ですが、aria-label属性を利用して、「*」を「必須」に変換して評価させる方法もあります。
名前<span class="required" aria-label="必須">*</span>
<input name="name" aria-required="true"/>
登録日 : 2018年01月07日 最終更新日 : 2018年1月7日
同じカテゴリー(WAI-ARIA)のエントリー
- aria-required属性
- aria-current属性
- aria-orientation属性
- aria-multiselectable属性
- aria-multiline属性
- aria-live属性
- aria-level属性
- aria-labelledby属性
- aria-label属性
- aria-invalid属性
- aria-hidden属性
- aria-haspopup属性
- aria-grabbed属性
- aria-flowto属性
- aria-expanded属性
- aria-dropeffect属性
- aria-disabled属性
- aria-describedby属性
- aria-checked属性
- aria-controls属性
- aria-busy属性
- aria-autocomplete属性
- aria-atomic属性
- aria-activedescendant属性
- role属性