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

> Canonical HTML version: https://rocketvalidator.com/html-validation/bad-value-group-for-attribute-role-on-element-article
> Attribution: Rocket Validator (https://rocketvalidator.com)
> License: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/)

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

```html
<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`:

```html
<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:

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