test(no-aria-hidden-on-focusable): promote peer-parity cases, drop audit file

Promoted non-redundant cases: click-modifier valid (event handlers don't add
focusability), and three DIVERGENCE invalids (button[tabindex=-1][aria-hidden],
plus descendants with tabindex=-1 under aria-hidden ancestors). Both divergences
are intentional — our rule treats tabindex="-1" as programmatically focusable
regardless of value, unlike jsx-a11y and vue-a11y.

Author: johanrd

tests/audit/no-aria-hidden-on-focusable/peer-parity.js

@@ -65,6 +65,10 @@ ruleTester.run('template-no-aria-hidden-on-focusable', rule, {
     '<template><div aria-hidden="true"><img alt="static" /></div></template>',
     // <input type="hidden"> is non-focusable per isFocusable.
     '<template><div aria-hidden="true"><input type="hidden" /></div></template>',
+    // Event modifiers (`{{on "click" ...}}`) do not make an element focusable —
+    // only tabindex / inherent native focusability does.
+    '<template><div {{on "click" this.handler}} aria-hidden="true"></div></template>',
+
     // Dynamic mustache descendants are not inspected.
     '<template><div aria-hidden="true">{{this.label}}</div></template>',
     // `@arg`-prefixed tag is opaque.
@@ -112,6 +116,15 @@ ruleTester.run('template-no-aria-hidden-on-focusable', rule, {
       output: null,
       errors: [{ messageId: 'noAriaHiddenOnFocusable' }],
     },
+    // DIVERGENCE from jsx-a11y + vue-a11y: both accept button[tabindex="-1"][aria-hidden="true"]
+    // reasoning that tabindex="-1" removes the element from the tab order.
+    // Our rule treats tabindex="-1" as still programmatically focusable (reachable via
+    // .focus() and click), so aria-hidden on it still creates an AT-invisibility mismatch.
+    {
+      code: '<template><button aria-hidden="true" tabindex="-1"></button></template>',
+      output: null,
+      errors: [{ messageId: 'noAriaHiddenOnFocusable' }],
+    },
 
     // Mustache-boolean + case-variant aria-hidden = true — truthy per spec.
     {
@@ -169,6 +182,19 @@ ruleTester.run('template-no-aria-hidden-on-focusable', rule, {
       output: null,
       errors: [{ messageId: 'noAriaHiddenOnAncestorOfFocusable' }],
     },
+    // DIVERGENCE from vue-a11y: it considers tabindex="-1" on a descendant as "escaped from
+    // tab order = not focusable". Our isFocusable treats any tabindex (including "-1") as
+    // programmatically focusable, so the ancestor aria-hidden still creates a trap.
+    {
+      code: '<template><div aria-hidden="true"><button tabindex="-1">Trapped</button></div></template>',
+      output: null,
+      errors: [{ messageId: 'noAriaHiddenOnAncestorOfFocusable' }],
+    },
+    {
+      code: '<template><div aria-hidden="true"><a href="#" tabindex="-1">Link</a></div></template>',
+      output: null,
+      errors: [{ messageId: 'noAriaHiddenOnAncestorOfFocusable' }],
+    },
 
     // <audio controls> / <video controls> expose focusable UI; flag directly.
     {