HTML の役割は本質的にセマンティクスを強化することです。既存の HTML タグではセマンティクスを完全に表現できない場合、役割を使用してそれを説明できます。通常、これは一部のカスタマイズされたコンポーネントで発生し、コンポーネントのアクセシビリティ、使いやすさ、対話性が向上します。
role の役割は、非標準タグの実際の役割を記述することです。たとえば、p をボタンとして使用し、p の役割を「ボタン」に設定すると、補助ツールはこれが実際にボタンであることを認識できるようになります
例:
<p role="checkbox" aria-checked="checked"></p>
補助ツールは、これが実際にはチェックボックスの役割であり、選択された状態にあることを認識します。
役割はバリアフリー読書であり、失読症の人に設定された属性であり、失読症の人は画面読み上げソフトウェアを使用してそれを分析できますが、これは正常な人にはほとんど関係がありません。設定する必要はありません。設定しない場合、画面読み上げソフトウェアはそれを解析できず、失読症の人はそれを「読む」ことができません。
プログラミングの良い習慣なので、すべてのラベルにロールを書いた方が良いでしょうか?例えば
<p role = "p"></p>
ブートストラップにおけるフォーム属性 role="form" の役割に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。