From e8c212d64bdadd5532137ee82483fd85f8eecc9f Mon Sep 17 00:00:00 2001
From: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>
Date: Tue, 17 Mar 2026 19:22:39 -0400
Subject: [PATCH 1/3] Extract rule: template-no-redundant-role

---
 README.md                                     |   1 +
 docs/rules/template-no-redundant-role.md      |  73 ++++++
 lib/rules/template-no-redundant-role.js       | 175 +++++++++++++
 tests/lib/rules/template-no-redundant-role.js | 239 ++++++++++++++++++
 4 files changed, 488 insertions(+)
 create mode 100644 docs/rules/template-no-redundant-role.md
 create mode 100644 lib/rules/template-no-redundant-role.js
 create mode 100644 tests/lib/rules/template-no-redundant-role.js

diff --git a/README.md b/README.md
index f07fa7d607..5273e45211 100644
--- a/README.md
+++ b/README.md
@@ -197,6 +197,7 @@ rules in templates can be disabled with eslint directives with mustache or html
 | [template-no-nested-interactive](docs/rules/template-no-nested-interactive.md)                                   | disallow nested interactive elements                                             |    |    |    |
 | [template-no-nested-landmark](docs/rules/template-no-nested-landmark.md)                                         | disallow nested landmark elements                                                |    |    |    |
 | [template-no-pointer-down-event-binding](docs/rules/template-no-pointer-down-event-binding.md)                   | disallow pointer down event bindings                                             |    |    |    |
+| [template-no-redundant-role](docs/rules/template-no-redundant-role.md)                                           | disallow redundant role attributes                                               |    | 🔧 |    |
 | [template-no-unsupported-role-attributes](docs/rules/template-no-unsupported-role-attributes.md)                 | disallow ARIA attributes that are not supported by the element role              |    | 🔧 |    |
 | [template-no-whitespace-within-word](docs/rules/template-no-whitespace-within-word.md)                           | disallow excess whitespace within words (e.g. "W e l c o m e")                   |    |    |    |
 | [template-require-aria-activedescendant-tabindex](docs/rules/template-require-aria-activedescendant-tabindex.md) | require non-interactive elements with aria-activedescendant to have tabindex     |    | 🔧 |    |
diff --git a/docs/rules/template-no-redundant-role.md b/docs/rules/template-no-redundant-role.md
new file mode 100644
index 0000000000..64b6401fe7
--- /dev/null
+++ b/docs/rules/template-no-redundant-role.md
@@ -0,0 +1,73 @@
+# ember/template-no-redundant-role
+
+🔧 This rule is automatically fixable by the [`--fix` CLI option](https://eslint.org/docs/latest/user-guide/command-line-interface#--fix).
+
+<!-- end auto-generated rule header -->
+
+Disallows redundant role attributes on semantic HTML elements.
+
+The rule checks for redundancy between any semantic HTML element with a default/implicit ARIA role and the role provided.
+
+For example, if a landmark element is used, any role provided will either be redundant or incorrect. This rule ensures that no role attribute is placed on any of the landmark elements, with the following exceptions:
+
+- a `nav` element with the `navigation` role to [make the structure of the page more accessible to user agents](https://www.w3.org/WAI/GL/wiki/Using_HTML5_nav_element#Example:The_.3Cnav.3E_element)
+- a `form` element with the `search` role to [identify the form's search functionality](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/search_role#examples)
+- a `input` element with `combobox` role to [identify the input as a combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/)
+
+## Examples
+
+This rule **forbids** the following:
+
+```gjs
+<template><header role='banner'></header></template>
+```
+
+```gjs
+<template><main role='main'></main></template>
+```
+
+```gjs
+<template><aside role='complementary'></aside></template>
+```
+
+```gjs
+<template><footer role='contentinfo'></footer></template>
+```
+
+```gjs
+<template><form role='form'></form></template>
+```
+
+This rule **allows** the following:
+
+```gjs
+<template><form role='search'></form></template>
+```
+
+```gjs
+<template><nav role='navigation'></nav></template>
+```
+
+```gjs
+<template><input role='combobox' /></template>
+```
+
+## Configuration
+
+This rule accepts an options object with the following properties:
+
+- `checkAllHTMLElements` (default: `true`) - When set to `true`, checks all HTML elements for redundant roles. When `false`, only checks landmark elements.
+
+```js
+// .eslintrc.js
+module.exports = {
+  rules: {
+    'ember/template-no-redundant-role': ['error', { checkAllHTMLElements: false }],
+  },
+};
+```
+
+## References
+
+- [ARIA Roles](https://www.w3.org/TR/wai-aria-1.2/#role_definitions)
+- [HTML ARIA](https://www.w3.org/TR/html-aria/)
diff --git a/lib/rules/template-no-redundant-role.js b/lib/rules/template-no-redundant-role.js
new file mode 100644
index 0000000000..3b8e38bc71
--- /dev/null
+++ b/lib/rules/template-no-redundant-role.js
@@ -0,0 +1,175 @@
+const DEFAULT_CONFIG = {
+  checkAllHTMLElements: true,
+};
+
+function parseConfig(config) {
+  if (config === true) {
+    return DEFAULT_CONFIG;
+  }
+  return { ...DEFAULT_CONFIG, ...config };
+}
+
+function createErrorMessageLandmarkElement(element, role) {
+  return `Use of redundant or invalid role: ${role} on <${element}> detected. If a landmark element is used, any role provided will either be redundant or incorrect.`;
+}
+
+function createErrorMessageAnyElement(element, role) {
+  return `Use of redundant or invalid role: ${role} on <${element}> detected.`;
+}
+
+// https://www.w3.org/TR/html-aria/#docconformance
+const LANDMARK_ROLES = new Set([
+  'banner',
+  'main',
+  'complementary',
+  'search',
+  'form',
+  'navigation',
+  'contentinfo',
+]);
+
+const ALLOWED_ELEMENT_ROLES = [
+  { name: 'nav', role: 'navigation' },
+  { name: 'form', role: 'search' },
+  { name: 'ol', role: 'list' },
+  { name: 'ul', role: 'list' },
+  { name: 'a', role: 'link' },
+  { name: 'input', role: 'combobox' },
+];
+
+// Mapping of roles to their corresponding HTML elements
+// From https://www.w3.org/TR/html-aria/
+const ROLE_TO_ELEMENTS = {
+  article: ['article'],
+  banner: ['header'],
+  button: ['button'],
+  cell: ['td'],
+  checkbox: ['input'],
+  columnheader: ['th'],
+  complementary: ['aside'],
+  contentinfo: ['footer'],
+  definition: ['dd'],
+  dialog: ['dialog'],
+  document: ['body'],
+  figure: ['figure'],
+  form: ['form'],
+  grid: ['table'],
+  gridcell: ['td'],
+  group: ['details', 'fieldset', 'optgroup'],
+  heading: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
+  img: ['img'],
+  link: ['a'],
+  list: ['ol', 'ul'],
+  listbox: ['select'],
+  listitem: ['li'],
+  main: ['main'],
+  navigation: ['nav'],
+  option: ['option'],
+  radio: ['input'],
+  region: ['section'],
+  row: ['tr'],
+  rowgroup: ['tbody', 'tfoot', 'thead'],
+  rowheader: ['th'],
+  search: ['search'],
+  searchbox: ['input'],
+  separator: ['hr'],
+  slider: ['input'],
+  spinbutton: ['input'],
+  status: ['output'],
+  table: ['table'],
+  term: ['dfn', 'dt'],
+  textbox: ['input', 'textarea'],
+};
+
+/** @type {import('eslint').Rule.RuleModule} */
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow redundant role attributes',
+      category: 'Accessibility',
+      recommended: false,
+      url: 'https://github.com/ember-cli/eslint-plugin-ember/tree/master/docs/rules/template-no-redundant-role.md',
+      templateMode: 'both',
+    },
+    fixable: 'code',
+    schema: [
+      {
+        type: 'object',
+        properties: {
+          checkAllHTMLElements: {
+            type: 'boolean',
+          },
+        },
+        additionalProperties: false,
+      },
+    ],
+    messages: {},
+    originallyFrom: {
+      name: 'ember-template-lint',
+      rule: 'lib/rules/no-redundant-role.js',
+      docs: 'docs/rule/no-redundant-role.md',
+      tests: 'test/unit/rules/no-redundant-role-test.js',
+    },
+  },
+
+  create(context) {
+    const config = parseConfig(context.options[0]);
+
+    return {
+      GlimmerElementNode(node) {
+        const roleAttr = node.attributes?.find((attr) => attr.name === 'role');
+
+        if (!roleAttr) {
+          return;
+        }
+
+        let roleValue;
+        if (roleAttr.value && roleAttr.value.type === 'GlimmerTextNode') {
+          roleValue = roleAttr.value.chars || '';
+        } else {
+          // Skip dynamic role values
+          return;
+        }
+
+        const isLandmarkRole = LANDMARK_ROLES.has(roleValue);
+        if (!config.checkAllHTMLElements && !isLandmarkRole) {
+          return;
+        }
+
+        const elementsWithRole = ROLE_TO_ELEMENTS[roleValue];
+        if (!elementsWithRole) {
+          return;
+        }
+
+        const isRedundant =
+          elementsWithRole.includes(node.tag) &&
+          !ALLOWED_ELEMENT_ROLES.some((e) => e.name === node.tag && e.role === roleValue);
+
+        if (isRedundant) {
+          const errorMessage = isLandmarkRole
+            ? createErrorMessageLandmarkElement(node.tag, roleValue)
+            : createErrorMessageAnyElement(node.tag, roleValue);
+
+          context.report({
+            node,
+            message: errorMessage,
+            fix(fixer) {
+              const sourceCode = context.getSourceCode();
+              const elementText = sourceCode.getText(node);
+              const roleAttrText = sourceCode.getText(roleAttr);
+
+              // Find the role attribute in the element text and remove it along with preceding space
+              const roleAttrPattern = new RegExp(
+                `\\s+${roleAttrText.replaceAll(/[$()*+.?[\\\]^{|}]/g, '\\$&')}`
+              );
+              const fixedText = elementText.replace(roleAttrPattern, '');
+
+              return fixer.replaceText(node, fixedText);
+            },
+          });
+        }
+      },
+    };
+  },
+};
diff --git a/tests/lib/rules/template-no-redundant-role.js b/tests/lib/rules/template-no-redundant-role.js
new file mode 100644
index 0000000000..7533e12ca8
--- /dev/null
+++ b/tests/lib/rules/template-no-redundant-role.js
@@ -0,0 +1,239 @@
+const rule = require('../../../lib/rules/template-no-redundant-role');
+const RuleTester = require('eslint').RuleTester;
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('ember-eslint-parser'),
+  parserOptions: { ecmaVersion: 2022, sourceType: 'module' },
+});
+
+ruleTester.run('template-no-redundant-role', rule, {
+  valid: [
+    '<template><a role="link" aria-disabled="true">valid</a></template>',
+    '<template><form role="search"></form></template>',
+    '<template><footer role={{this.foo}}></footer></template>',
+    '<template><footer role="{{this.stuff}}{{this.foo}}"></footer></template>',
+    '<template><nav role="navigation"></nav></template>',
+    '<template><ol role="list"></ol></template>',
+    '<template><ul role="list"></ul></template>',
+    {
+      code: '<template><body role="document"></body></template>',
+      options: [{ checkAllHTMLElements: false }],
+    },
+    {
+      code: '<template><footer role={{this.bar}}></footer></template>',
+      options: [{ checkAllHTMLElements: true }],
+    },
+    {
+      code: '<template><nav class="navigation" role="navigation"></nav></template>',
+      options: [{ checkAllHTMLElements: true }],
+    },
+    {
+      code: '<template><button role="link"></button></template>',
+      options: [{ checkAllHTMLElements: true }],
+    },
+    {
+      code: '<template><input type="checkbox" value="yes" checked /></template>',
+      options: [{ checkAllHTMLElements: true }],
+    },
+    {
+      code: '<template><input type="range" /></template>',
+      options: [{ checkAllHTMLElements: false }],
+    },
+    {
+      code: '<template><dialog role="dialog" /></template>',
+      options: [{ checkAllHTMLElements: false }],
+    },
+    {
+      code: '<template><ul class="list" role="combobox"></ul></template>',
+      options: [{ checkAllHTMLElements: false }],
+    },
+    '<template><input role="combobox"></template>',
+  ],
+  invalid: [
+    {
+      code: '<template><dialog role="dialog" /></template>',
+      output: '<template><dialog /></template>',
+      errors: [
+        {
+          message: 'Use of redundant or invalid role: dialog on <dialog> detected.',
+        },
+      ],
+    },
+    {
+      code: '<template><header role="banner"></header></template>',
+      output: '<template><header></header></template>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: banner on <header> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<template><main role="main"></main></template>',
+      output: '<template><main></main></template>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: main on <main> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<template><aside role="complementary"></aside></template>',
+      output: '<template><aside></aside></template>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: complementary on <aside> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<template><footer role="contentinfo"></footer></template>',
+      output: '<template><footer></footer></template>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: contentinfo on <footer> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<template><form role="form"></form></template>',
+      output: '<template><form></form></template>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: form on <form> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+
+    {
+      code: '<template><header role="banner" class="page-header"></header></template>',
+      output: '<template><header class="page-header"></header></template>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: banner on <header> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+  ],
+});
+
+const hbsRuleTester = new RuleTester({
+  parser: require.resolve('ember-eslint-parser/hbs'),
+  parserOptions: {
+    ecmaVersion: 2022,
+    sourceType: 'module',
+  },
+});
+
+hbsRuleTester.run('template-no-redundant-role', rule, {
+  valid: [
+    '<a role="link" aria-disabled="true">valid</a>',
+    '<form role="search"></form>',
+    '<footer role={{this.foo}}></footer>',
+    '<footer role="{{this.stuff}}{{this.foo}}"></footer>',
+    '<nav role="navigation"></nav>',
+    '<ol role="list"></ol>',
+    '<ul role="list"></ul>',
+    '<input role="combobox">',
+    '<footer role={{this.bar}}></footer>',
+    '<nav class="navigation" role="navigation></nav>',
+    '<button role="link"></button>',
+    '<input type="checkbox" value="yes" checked />',
+    '<input type="range" />',
+    '<ul class="list" role="combobox"></ul>',
+  ],
+  invalid: [
+    {
+      code: '<header role="banner"></header>',
+      output: '<header></header>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: banner on <header> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<footer role="contentinfo"></footer>',
+      output: '<footer></footer>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: contentinfo on <footer> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<main role="main"></main>',
+      output: '<main></main>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: main on <main> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<aside role="complementary"></aside>',
+      output: '<aside></aside>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: complementary on <aside> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<form role="form"></form>',
+      output: '<form></form>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: form on <form> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<header role="banner" class="page-header"></header>',
+      output: '<header class="page-header"></header>',
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: banner on <header> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<dialog role="dialog" />',
+      output: '<dialog />',
+      errors: [{ message: 'Use of redundant or invalid role: dialog on <dialog> detected.' }],
+    },
+    {
+      code: '<button role="button"></button>',
+      output: '<button></button>',
+      errors: [{ message: 'Use of redundant or invalid role: button on <button> detected.' }],
+    },
+    {
+      code: '<input type="checkbox" name="agree" value="checkbox1" role="checkbox" />',
+      output: '<input type="checkbox" name="agree" value="checkbox1" />',
+      errors: [{ message: 'Use of redundant or invalid role: checkbox on <input> detected.' }],
+    },
+    {
+      code: '<table><th role="columnheader">Some heading</th><td>cell1</td></table>',
+      output: '<table><th>Some heading</th><td>cell1</td></table>',
+      errors: [{ message: 'Use of redundant or invalid role: columnheader on <th> detected.' }],
+    },
+    {
+      code: '<select name="color" id="color" role="listbox" multiple><option value="default-color">black</option></select>',
+      output:
+        '<select name="color" id="color" multiple><option value="default-color">black</option></select>',
+      errors: [{ message: 'Use of redundant or invalid role: listbox on <select> detected.' }],
+    },
+  ],
+});

From ae24d4cd0f777dbe71da913766feb3056c7b4d3a Mon Sep 17 00:00:00 2001
From: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>
Date: Wed, 18 Mar 2026 18:16:49 -0400
Subject: [PATCH 2/3] Fix missing closing quote in HBS test for
 template-no-redundant-role

The test string '<nav class="navigation" role="navigation></nav>' was
missing the closing double-quote after "navigation", causing the role
value to not be properly parsed in the test.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 tests/lib/rules/template-no-redundant-role.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/lib/rules/template-no-redundant-role.js b/tests/lib/rules/template-no-redundant-role.js
index 7533e12ca8..7cf89f786b 100644
--- a/tests/lib/rules/template-no-redundant-role.js
+++ b/tests/lib/rules/template-no-redundant-role.js
@@ -142,7 +142,7 @@ hbsRuleTester.run('template-no-redundant-role', rule, {
     '<ul role="list"></ul>',
     '<input role="combobox">',
     '<footer role={{this.bar}}></footer>',
-    '<nav class="navigation" role="navigation></nav>',
+    '<nav class="navigation" role="navigation"></nav>',
     '<button role="link"></button>',
     '<input type="checkbox" value="yes" checked />',
     '<input type="range" />',

From 5bebdec17e73481ea66b903b5d45b0345fc703ca Mon Sep 17 00:00:00 2001
From: NullVoxPopuli <199018+NullVoxPopuli@users.noreply.github.com>
Date: Sat, 21 Mar 2026 12:23:28 -0400
Subject: [PATCH 3/3] Sync with ember-template-lint

---
 docs/rules/template-no-redundant-role.md      | 55 ++++++++-----------
 lib/rules/template-no-redundant-role.js       |  1 -
 tests/lib/rules/template-no-redundant-role.js | 30 ++++++++++
 3 files changed, 54 insertions(+), 32 deletions(-)

diff --git a/docs/rules/template-no-redundant-role.md b/docs/rules/template-no-redundant-role.md
index 64b6401fe7..cb511bad48 100644
--- a/docs/rules/template-no-redundant-role.md
+++ b/docs/rules/template-no-redundant-role.md
@@ -4,8 +4,6 @@
 
 <!-- end auto-generated rule header -->
 
-Disallows redundant role attributes on semantic HTML elements.
-
 The rule checks for redundancy between any semantic HTML element with a default/implicit ARIA role and the role provided.
 
 For example, if a landmark element is used, any role provided will either be redundant or incorrect. This rule ensures that no role attribute is placed on any of the landmark elements, with the following exceptions:
@@ -18,56 +16,51 @@ For example, if a landmark element is used, any role provided will either be red
 
 This rule **forbids** the following:
 
-```gjs
-<template><header role='banner'></header></template>
+```hbs
+<header role='banner'></header>
 ```
 
-```gjs
-<template><main role='main'></main></template>
+```hbs
+<main role='main'></main>
 ```
 
-```gjs
-<template><aside role='complementary'></aside></template>
+```hbs
+<aside role='complementary'></aside>
 ```
 
-```gjs
-<template><footer role='contentinfo'></footer></template>
+```hbs
+<footer role='contentinfo'></footer>
 ```
 
-```gjs
-<template><form role='form'></form></template>
+```hbs
+<form role='form'></form>
 ```
 
 This rule **allows** the following:
 
-```gjs
-<template><form role='search'></form></template>
+```hbs
+<form role='search'></form>
 ```
 
-```gjs
-<template><nav role='navigation'></nav></template>
+```hbs
+<nav role='navigation'></nav>
 ```
 
-```gjs
-<template><input role='combobox' /></template>
+```hbs
+<input role='combobox' />
 ```
 
 ## Configuration
 
-This rule accepts an options object with the following properties:
-
-- `checkAllHTMLElements` (default: `true`) - When set to `true`, checks all HTML elements for redundant roles. When `false`, only checks landmark elements.
+- boolean -- if `true`, default configuration is applied
 
-```js
-// .eslintrc.js
-module.exports = {
-  rules: {
-    'ember/template-no-redundant-role': ['error', { checkAllHTMLElements: false }],
-  },
-};
-```
+- object -- containing the following property:
+  - boolean -- `checkAllHTMLElements` -- if `true`, the rule checks for redundancy between any semantic HTML element with a default/implicit ARIA role and the role provided, instead of just landmark roles (default: `true`)
 
 ## References
 
-- [ARIA Roles](https://www.w3.org/TR/wai-aria-1.2/#role_definitions)
-- [HTML ARIA](https://www.w3.org/TR/html-aria/)
+- [Landmark Roles (WAI-ARIA spec)](https://www.w3.org/WAI/PF/aria/roles#landmark_roles)
+- [Using ARIA landmarks to identify regions of a page](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA11)
+- [Document conformance requirements for use of ARIA attributes in HTML](https://www.w3.org/TR/html-aria/#docconformance)
+- [ARIA Spec, ARIA Adds Nothing to Default Semantics of Most HTML Elements](https://www.w3.org/TR/using-aria/#aria-does-nothing)
+- [Disabling a link](https://www.scottohara.me/blog/2021/05/28/disabled-links.html)
diff --git a/lib/rules/template-no-redundant-role.js b/lib/rules/template-no-redundant-role.js
index 3b8e38bc71..4d30720a34 100644
--- a/lib/rules/template-no-redundant-role.js
+++ b/lib/rules/template-no-redundant-role.js
@@ -88,7 +88,6 @@ module.exports = {
     docs: {
       description: 'disallow redundant role attributes',
       category: 'Accessibility',
-      recommended: false,
       url: 'https://github.com/ember-cli/eslint-plugin-ember/tree/master/docs/rules/template-no-redundant-role.md',
       templateMode: 'both',
     },
diff --git a/tests/lib/rules/template-no-redundant-role.js b/tests/lib/rules/template-no-redundant-role.js
index 7cf89f786b..4d529b2fe1 100644
--- a/tests/lib/rules/template-no-redundant-role.js
+++ b/tests/lib/rules/template-no-redundant-role.js
@@ -146,6 +146,14 @@ hbsRuleTester.run('template-no-redundant-role', rule, {
     '<button role="link"></button>',
     '<input type="checkbox" value="yes" checked />',
     '<input type="range" />',
+    {
+      code: '<body role="document"></body>',
+      options: [{ checkAllHTMLElements: false }],
+    },
+    {
+      code: '<dialog role="dialog" />',
+      options: [{ checkAllHTMLElements: false }],
+    },
     '<ul class="list" role="combobox"></ul>',
   ],
   invalid: [
@@ -235,5 +243,27 @@ hbsRuleTester.run('template-no-redundant-role', rule, {
         '<select name="color" id="color" multiple><option value="default-color">black</option></select>',
       errors: [{ message: 'Use of redundant or invalid role: listbox on <select> detected.' }],
     },
+    {
+      code: '<main role="main"></main>',
+      output: '<main></main>',
+      options: [{ checkAllHTMLElements: false }],
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: main on <main> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
+    {
+      code: '<aside role="complementary"></aside>',
+      output: '<aside></aside>',
+      options: [{ checkAllHTMLElements: false }],
+      errors: [
+        {
+          message:
+            'Use of redundant or invalid role: complementary on <aside> detected. If a landmark element is used, any role provided will either be redundant or incorrect.',
+        },
+      ],
+    },
   ],
 });