HTMLにおけるロールの役割

role はセマンティクスを強化することです。既存の HTML タグではセマンティクスを完全に表現できない場合、role を使用して説明できます。

通常、これは一部のカスタマイズされたコンポーネントで発生し、コンポーネントのアクセシビリティ、使いやすさ、対話性が向上します。

role は、非標準タグの実際の機能を記述するために使用されます。たとえば、div をボタンとして使用する場合、div の role="button" を設定すると、補助ツールはそれが実際にボタンであることを認識できます

ホーム