The “row” role is unnecessary for element “tr”.

A <tr> element already has the ARIA role row, so adding role="row" to it repeats what browsers and screen readers already know.

HTML gives each element a default ARIA role. A <tr> inside a <table> is exposed to assistive technology as a row with no extra markup, and the cells inside it get their roles the same way. Writing role="row" by hand changes nothing for users and makes the markup harder to read.

The same attribute also triggers an error. When the <table> has no role attribute, or has role="table", role="grid" or role="treegrid", its <tr> elements can't have a role attribute at all. Removing role="row" fixes both messages.

This often shows up in tables pasted from online word processors, which add role="row" to every row. The row role is meant for tables built from generic elements such as <div>, where nothing else tells a screen reader which elements form a row. A native <tr> doesn't need it.

Invalid example

<table>
  <tr role="row">
    <th>Product</th>
    <th>Price</th>
  </tr>
  <tr role="row">
    <td>Notebook</td>
    <td>$4.50</td>
  </tr>
</table>

Valid example

<table>
  <tr>
    <th>Product</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>Notebook</td>
    <td>$4.50</td>
  </tr>
</table>

Learn more:

MDN Reference

ARIA: row role - MDN Web Docs

→

MDN Reference

The Table Row element - MDN Web Docs

→

W3C Reference

ARIA in HTML

→