chore: introduce conscious regression

[ramboz]

Please always provide the GitHub issue(s) your PR is for, as well as test URLs where your change can be observed (before and after):

Fix #

Test URLs:

• Before: https://main--aem-a11y-demo--adobe-rnd.aem.page/tabs
• After: https://a11y-error--aem-a11y-demo--adobe-rnd.aem.page/tabs

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 8ac0482 ✅ (latest)
• eb84456 ✅
• 5fc5658 ✅
• 04f782a ✅
• 14a0804 ✅
• fe2c71f ✅
• 1ee2bd4 ✅
• c59f115 ✅
• 34586b6 ✅
• a2a5dc5 ✅
• a4fea9c ✅
• bac6374 ✅
• b782de5 ✅
• 1c5e333 ✅
• 99cbcfc ✅
• 3e75900 ✅
• 875e464 ✅
• 0b600a2 ✅

[aem-code-sync]

	Page	Scores	Audits	Google
📱	/tabs
🖥️	/tabs

[github-actions]

♿ Accessibility Summary

URL	Accessibility Score	New Issues	Fixed Issues
/tabs	70/100	2	N/A

---

Detailed Breakdown

https://a11y-error--aem-a11y-demo--adobe-rnd.aem.page/tabs

All Issues Found (2)

• CRITICAL: Elements must only use supported ARIA attributes (details)
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-0" aria-controls="foo-content" aria-selected="false">Foo</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-1" aria-controls="bar-content" aria-selected="false">Bar</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-0" aria-controls="foo-content-1" aria-selected="false">Foo</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-1" aria-controls="bar-content-1" aria-selected="false">Bar</button>
• CRITICAL: Certain ARIA roles must contain particular children (details)
  • Fix any of the following:
    Element has children which are not allowed: button[aria-controls]
    • <div role="tablist" class="tabs-list"><button id="tab-0" aria-controls="foo-content" aria-selected="false">Foo</button><button id="tab-1" aria-controls="bar-content" aria-selected="false">Bar</button></div>
  • Fix any of the following:
    Element has children which are not allowed: button[aria-controls]
    • <div role="tablist" class="tabs-list"><button id="tab-0" aria-controls="foo-content-1" aria-selected="false">Foo</button><button id="tab-1" aria-controls="bar-content-1" aria-selected="false">Bar</button></div>

---

Full reports are available as build artifacts.

[github-actions]

♿ Accessibility Summary

URL	Accessibility Score	New Issues	Fixed Issues
/tabs	72/100	2	N/A

---

Detailed Breakdown

https://a11y-error--aem-a11y-demo--adobe-rnd.aem.page/tabs

All Issues Found (2)

• CRITICAL: Elements must only use supported ARIA attributes (details)
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-0hpov7tw05o" aria-controls="tabpanel-wbmkadp3lpn-container" aria-selected="false" tabindex="-1">Foo</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-q9v79t4jx1s" aria-controls="tabpanel-reogs45fyoj-container" aria-selected="false" tabindex="-1">Bar</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-xfuufft1mn" aria-controls="tabpanel-q5bnh6p6bl8-container" aria-selected="false" tabindex="-1">Qux</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-pecj3qtsbv8" aria-controls="tabpanel-w4s1h8dg1k-container" aria-selected="false" tabindex="-1">Corge</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-6sklz2g561w" aria-controls="grault-content-container" aria-selected="false" tabindex="-1">Grault</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-etrike2ty05" aria-controls="garply-content-container" aria-selected="false" tabindex="-1">Garply</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-zo9ekib6yp9" aria-controls="waldo-content-container" aria-selected="false" tabindex="-1">Waldo</button>
  • Fix all of the following:
    ARIA attribute is not allowed: aria-selected="false"
    • <button id="tab-h7qmh6oqnpi" aria-controls="fred-content-container" aria-selected="false" tabindex="-1">Fred</button>
• CRITICAL: Certain ARIA roles must contain particular children (details)
  • Fix any of the following:
    Element has children which are not allowed: button[aria-controls]
    • <div role="tablist" class="tabs-list"><button id="tab-0hpov7tw05o" aria-controls="tabpanel-wbmkadp3lpn-container" aria-selected="false" tabindex="-1">Foo</button><button id="tab-q9v79t4jx1s" aria-controls="tabpanel-reogs45fyoj-container" aria-selected="false" tabindex="-1">Bar</button></div>
  • Fix any of the following:
    Element has children which are not allowed: button[aria-controls]
    • <div role="tablist" class="tabs-list"><button id="tab-xfuufft1mn" aria-controls="tabpanel-q5bnh6p6bl8-container" aria-selected="false" tabindex="-1">Qux</button><button id="tab-pecj3qtsbv8" aria-controls="tabpanel-w4s1h8dg1k-container" aria-selected="false" tabindex="-1">Corge</button></div>
  • Fix any of the following:
    Element has children which are not allowed: button[aria-controls]
    • <div role="tablist" class="tabs-list"><button id="tab-6sklz2g561w" aria-controls="grault-content-container" aria-selected="false" tabindex="-1">Grault</button><button id="tab-etrike2ty05" aria-controls="garply-content-container" aria-selected="false" tabindex="-1">Garply</button></div>
  • Fix any of the following:
    Element has children which are not allowed: button[aria-controls]
    • <div role="tablist" class="tabs-list"><button id="tab-zo9ekib6yp9" aria-controls="waldo-content-container" aria-selected="false" tabindex="-1">Waldo</button><button id="tab-h7qmh6oqnpi" aria-controls="fred-content-container" aria-selected="false" tabindex="-1">Fred</button></div>

Full reports are available as build artifacts.