Bad value “group” for attribute “role” on element “article”.

The role="group" attribute is not allowed on the article element because article already has an implicit ARIA role of article, and group is not among the roles permitted on this element.

The article element represents a self-contained composition in a document, such as a blog post, a news story, or a forum comment. Its implicit ARIA role is article. According to the ARIA in HTML specification, the article element can only use a limited set of roles: application, document, feed, main, none, presentation, or region. The group role is not in that list.

If you need a group role, use a generic element like div or span instead. If you need the semantic meaning of article, keep the article element and remove the role="group" attribute.

Example with the issue

<article role="group">
  <h2>Latest news</h2>
  <p>Content of the article.</p>
</article>

How to fix it

If group semantics are what you need, switch to a div:

<div role="group" aria-label="Latest news">
  <h2>Latest news</h2>
  <p>Content of the article.</p>
</div>

If article semantics are what you need, drop the conflicting role:

<article>
  <h2>Latest news</h2>
  <p>Content of the article.</p>
</article>

Learn more:

MDN Reference

Using ARIA: Roles, states, and properties - MDN

→

MDN Reference

HTML article element - MDN

→

MDN Reference

ARIA Roles - MDN

→