Chore: Disable axe-core svg-img-alt rule by default

Disabled due to false positives in jsdom.

- - - - - - - - - - - - - - - - - - - -

Fix #5030 
Close #5075

Author: antross

packages/hint-axe/scripts/create/utils.js

@@ -4,6 +4,20 @@ const { startCase } = require('lodash');
 
 /** @typedef {import('axe-core').RuleMetadata} RuleMeta */
 
+/**
+ * Additional rules which are disabled by default.
+ * Typically these are added because the rule doesn't
+ * work correctly in some or all webhint contexts.
+ */
+const disabledRules = new Set([
+    /**
+     * Disabled due to false-positives in jsdom contexts.
+     * Occurs because jsdom reports `display: none` for `<svg><title>`.
+     * See https://github.com/webhintio/hint/issues/5030.
+     */
+    'svg-img-alt'
+]);
+
 /**
  * @param {string} str
  */
@@ -33,7 +47,7 @@ const escapeKey = (id) => {
  * @param {RuleMeta} rule
  */
 const isRuleDisabled = (rule) => {
-    return rule.tags.includes('experimental') || rule.tags.every((tag) => {
+    return disabledRules.has(rule.ruleId) || rule.tags.includes('experimental') || rule.tags.every((tag) => {
         return !tag.startsWith('wcag');
     });
 };

packages/hint-axe/tests/text-alternatives.ts

@@ -0,0 +1,21 @@
+import { generateHTMLPage } from '@hint/utils-create-server';
+import { getHintPath, HintTest, testHint } from '@hint/utils-tests-helpers';
+
+const hintPath = getHintPath(__filename, true);
+
+const html = {
+    role: generateHTMLPage(undefined, `
+<div>
+    <h1>test</h1>
+    <svg role="img"><title>test</title></svg>
+</div>`)
+};
+
+const tests: HintTest[] = [
+    {
+        name: `HTML passes an svg with role`,
+        serverConfig: html.role
+    }
+];
+
+testHint(hintPath, tests);