refactor: align native-interactive-elements util with #37 canonical

Same alignment story as the is-native-element swap in the previous
commit: copy #37's lib/utils/native-interactive-elements.js + test
byte-for-byte so the two PRs can land in either order without conflict.

Behavior change: <object> is no longer classified as interactive.
axobject-query has no entry for <object>, and no authoritative source
backs "interactive by default" for it — prior inclusion was based on
a misattributed axobject-query citation. The <object tabindex="0">
valid-test is removed accordingly (it would now flag, which is the
intended new behavior; invalid-case coverage for <object tabindex>
belongs in a dedicated test once we decide how to frame the
guidance).

Author: johanrd

lib/utils/native-interactive-elements.js

@@ -4,24 +4,28 @@
  * Native-interactive HTML element classification, shared across rules that need to
  * ask "does this HTML tag natively expose interactive UI to keyboard / AT users?".
  *
- * The set is hand-curated rather than derived from a single authority because
- * aria-query, axobject-query, HTML-AAM, WAI-ARIA, and browser reality disagree on
- * several rows. Decision rationale is documented per-tag:
+ * Hand-curated rather than derived directly from axobject-query because
+ * axobject-query disagrees with browser reality on several rows (notably
+ * audio/video where axobject-query marks them unconditionally widget, but
+ * browsers only render keyboard UI when `controls` is set). Decision
+ * rationale is documented per-tag:
  *
- * | Element                                         | Behavior             | Rationale |
- * |-------------------------------------------------|----------------------|-----------|
- * | button, select, textarea, iframe, embed,        | Interactive          | aria-query/axobject-query widget + universally-accepted |
- * | summary, details                                |                      |           |
- * | input (except type=hidden)                      | Interactive          | Same as above, minus hidden |
- * | option, datalist                                | Interactive          | aria-query roles option/listbox; axobject widget; HTML-AAM |
- * | a[href], area[href]                             | Interactive (cond.)  | HTML-AAM: anchor interactivity requires href |
- * | audio[controls], video[controls]                | Interactive          | Browsers only render focusable UI with `controls` |
- * | audio, video (no controls)                      | NOT interactive      | No keyboard semantics without controls; browsers agree |
- * | object                                          | Interactive          | axobject-query EmbeddedObjectRole |
- * | canvas                                          | Interactive          | axobject-query CanvasRole widget; bias toward no-FP |
- * | input[type=hidden]                              | NOT interactive      | HTML spec: no UI, no focus, no AT exposure |
- * | menuitem                                        | NOT interactive      | Deprecated; no longer rendered in Chrome/Edge/Safari/FF |
- * | label                                           | NOT interactive      | axobject-query LabelRole is structure, not widget |
+ * | Element                                  | Behavior             | Rationale                                                                                     |
+ * |------------------------------------------|----------------------|-----------------------------------------------------------------------------------------------|
+ * | button, select, textarea, embed, summary | Interactive          | axobject-query widget; universally accepted.                                                  |
+ * | iframe                                   | Interactive          | axobject-query types it `window` (not widget), but iframe IS focusable and delegates focus.   |
+ * | details                                  | Interactive          | axobject-query types it `structure`, but <details> is a keyboard-activatable disclosure.      |
+ * | input (except type=hidden)               | Interactive          | axobject-query widget for every type except `hidden` (which has no entry).                    |
+ * | option, datalist                         | Interactive          | axobject-query widget (ListBoxOptionRole / ListBoxRole).                                      |
+ * | canvas                                   | Interactive          | axobject-query widget (CanvasRole); convention + no-false-positive bias.                      |
+ * | a[href], area[href]                      | Interactive (cond.)  | HTML-AAM: anchor interactivity requires href. (area has no axobject-query entry — pragmatic.) |
+ * | audio[controls], video[controls]         | Interactive          | Stricter than axobject-query (which marks bare audio/video as widget). Browsers only render   |
+ * |                                          |                      | keyboard-operable UI when `controls` is present.                                              |
+ * | audio, video (no controls)               | NOT interactive      | Matches browser behavior; axobject-query would disagree here.                                 |
+ * | input[type=hidden]                       | NOT interactive      | HTML spec: no UI, no focus, no AT exposure. axobject-query has no entry.                      |
+ * | menuitem                                 | NOT interactive      | Deprecated HTML; removed from all major browsers despite axobject-query still listing it.     |
+ * | label                                    | NOT interactive      | axobject-query LabelRole is structure, not widget.                                            |
+ * | object                                   | NOT interactive      | axobject-query has no entry for <object>; no authoritative source backs "interactive by default." |
  */
 
 // Unconditionally-interactive HTML tags (no attribute dependencies).
@@ -35,7 +39,6 @@ const UNCONDITIONAL_INTERACTIVE_TAGS = new Set([
   'details',
   'option',
   'datalist',
-  'object',
   'canvas',
 ]);
 

tests/lib/rules/template-no-noninteractive-tabindex.js

@@ -24,9 +24,6 @@ ruleTester.run('template-no-noninteractive-tabindex', rule, {
     '<template><audio controls tabindex="0"></audio></template>',
     '<template><video controls tabindex="0"></video></template>',
 
-    // <object> is a widget per axobject-query — allow tabindex.
-    '<template><object tabindex="0"></object></template>',
-
     // Non-interactive element made interactive via role.
     '<template><div role="button" tabindex="0"></div></template>',
     '<template><div role="checkbox" tabindex="0" aria-checked="false"></div></template>',

tests/lib/utils/native-interactive-elements-test.js

@@ -101,8 +101,8 @@ describe('isNativeInteractive', () => {
   });
 
   describe('<object>', () => {
-    it('is interactive (axobject EmbeddedObjectRole)', () => {
-      expect(isNativeInteractive(makeNode('object'), getTextAttrValue)).toBe(true);
+    it('is NOT interactive (axobject-query has no entry for <object>)', () => {
+      expect(isNativeInteractive(makeNode('object'), getTextAttrValue)).toBe(false);
     });
   });