ARIA attributes must be used as specified for the element's role

For checkboxes, there are two options. Either aria-checked is removed, and the browser's native checkbox state is used instead to indicate whether the element is checked, not checked, or mix. An HTML checkbox can be put into a mixed position by using setting its indeterminate property.

The other option for checkboxes is to replace the native HTML checkbox with a different element. When you do this, you will also need to Provide it with a role, and ensure that it is keyboard accessible.

Good Example

<label>
  <input type="checkbox" checked>
  I agree to make my website accessible
</label>

Bad Example

<label>
  <input type="checkbox" aria-checked="true">
  I agree to make my website accessible
</label>

For tr elements and elements with role="row", it may be necessary to change the role of the parent table or grid to a treegrid if the attributes are essential.

Good Example

<table role="treegrid">
  <tr aria-level="1" aria-expanded="false">
    <td role="gridcell">My Downloads</td>
  </tr>
</table>

Bad Example

<table>
  <tr aria-level="1" aria-expanded="false">
    <td>My Downloads</td>
  </tr>
</table>