jsx-a11y/prefer-tag-over-role

Enforces using semantic DOM elements over the ARIA role property.

Rule details

This rule takes no arguments.

Succeed

<div>...</div>
<header>...</header>
<img alt="" src="image.jpg" />

Fail

<div role="checkbox">
<div role="img">

Accessibility guidelines

• WAI-ARIA Roles model

Resources

• MDN WAI-ARIA Roles