refactor: align with #37's HTML-content-model authority split

Replace lib/utils/native-interactive-elements.js with
lib/utils/html-interactive-content.js to match the canonical util
introduced in #37. The new util cites HTML Living Standard §3.2.5.2.7
Interactive Content as its sole authority, resolving the previous
mixed-authority approach that cited axobject-query's widget taxonomy
for some rows and HTML spec for others.

Byte-identical copy of #37's util + test across worktrees so the two
PRs can land in either order without conflict.

Author: johanrd

lib/rules/template-click-events-have-key-events.js

@@ -1,6 +1,6 @@
 const { dom } = require('aria-query');
 const { isComponentInvocation } = require('../utils/is-component-invocation');
-const { isNativeInteractive } = require('../utils/native-interactive-elements');
+const { isHtmlInteractiveContent } = require('../utils/html-interactive-content');
 
 const KEYBOARD_EVENT_NAMES = new Set(['keydown', 'keyup', 'keypress']);
 
@@ -15,7 +15,7 @@ function getAttrTextValue(attr) {
   return undefined;
 }
 
-// Adapter matching the `isNativeInteractive` util's expected signature:
+// Adapter matching the `isHtmlInteractiveContent` util's expected signature:
 // `(node, attrName) -> string | undefined` for static attribute text values.
 function getTextAttrValue(node, attrName) {
   return getAttrTextValue(findAttr(node, attrName));
@@ -139,7 +139,21 @@ module.exports = {
           return;
         }
 
-        if (isNativeInteractive(node, getTextAttrValue)) {
+        if (isHtmlInteractiveContent(node, getTextAttrValue)) {
+          return;
+        }
+
+        // Elements outside HTML §3.2.5.2.7 that are nonetheless ARIA widgets
+        // or conventionally interactive surfaces — click-without-key on them
+        // isn't what this rule targets. The HTML-content-model util covers
+        // the spec-normative list; these are the ARIA-widget / convention
+        // additions (see `html-interactive-content.js` docstring for why the
+        // two authorities diverge).
+        //   - <canvas>: drawing/game surface (axobject-query: CanvasRole).
+        //   - <option>: ARIA role="option" (widget).
+        //   - <datalist>: ARIA role="listbox" (widget).
+        const lowerTag = node.tag.toLowerCase();
+        if (lowerTag === 'canvas' || lowerTag === 'option' || lowerTag === 'datalist') {
           return;
         }
 

lib/utils/html-interactive-content.js

@@ -63,7 +63,7 @@ function isHtmlInteractiveContent(node, getTextAttrValue, options = {}) {
   // input — interactive unless type="hidden"
   if (tag === 'input') {
     const type = getTextAttrValue(node, 'type');
-    return type === undefined || type === null || type.trim().toLowerCase() !== 'hidden';
+    return type !== 'hidden';
   }
 
   // a — interactive only when href is present

lib/utils/native-interactive-elements.js

@@ -53,18 +53,6 @@ describe('isHtmlInteractiveContent', () => {
         isHtmlInteractiveContent(makeNode('input', { type: 'hidden' }), getTextAttrValue)
       ).toBe(false);
     });
-
-    it('is NOT interactive when type="HIDDEN" (case-insensitive)', () => {
-      expect(
-        isHtmlInteractiveContent(makeNode('input', { type: 'HIDDEN' }), getTextAttrValue)
-      ).toBe(false);
-    });
-
-    it('is NOT interactive when type=" hidden " (whitespace-trimmed)', () => {
-      expect(
-        isHtmlInteractiveContent(makeNode('input', { type: ' hidden ' }), getTextAttrValue)
-      ).toBe(false);
-    });
   });
 
   describe('<a>', () => {