html-validate 8.2.0 → 8.4.0

package/dist/cjs/elements.js

@@ -4,6 +4,7 @@ var metaHelper = require('./meta-helper.js');
 
 /* eslint-disable sonarjs/no-duplicate-string -- easier to read without constants */
 const { allowedIfAttributeIsPresent, allowedIfAttributeIsAbsent, allowedIfAttributeHasValue, allowedIfParentIsPresent, } = metaHelper.metadataHelper;
+const validId = "/\\S+/";
 var html5 = metaHelper.defineMetadata({
     "*": {
         attributes: {
@@ -24,7 +25,7 @@ var html5 = metaHelper.defineMetadata({
                 boolean: true,
             },
             id: {
-                enum: ["/\\S+/"],
+                enum: [validId],
             },
             tabindex: {
                 enum: ["/-?\\d+/"],
@@ -93,6 +94,9 @@ var html5 = metaHelper.defineMetadata({
             },
         },
         permittedDescendants: [{ exclude: "@interactive" }],
+        implicitRole(node) {
+            return node.hasAttribute("href") ? "link" : null;
+        },
     },
     abbr: {
         flow: true,
@@ -108,6 +112,9 @@ var html5 = metaHelper.defineMetadata({
     },
     address: {
         flow: true,
+        implicitRole() {
+            return "group";
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["address", "header", "footer", "@heading", "@sectioning"] }],
     },
@@ -181,6 +188,9 @@ var html5 = metaHelper.defineMetadata({
                 enum: ["/[^_].*/", "_blank", "_self", "_parent", "_top"],
             },
         },
+        implicitRole(node) {
+            return node.hasAttribute("href") ? "link" : null;
+        },
         requiredAncestors: ["map"],
     },
     article: {
@@ -188,12 +198,18 @@ var html5 = metaHelper.defineMetadata({
         sectioning: true,
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["main"] }],
+        implicitRole() {
+            return "article";
+        },
     },
     aside: {
         flow: true,
         sectioning: true,
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["main"] }],
+        implicitRole() {
+            return "complementary";
+        },
     },
     audio: {
         flow: true,
@@ -268,6 +284,9 @@ var html5 = metaHelper.defineMetadata({
     blockquote: {
         flow: true,
         sectioning: true,
+        implicitRole() {
+            return "blockquote";
+        },
         permittedContent: ["@flow"],
     },
     body: {
@@ -365,10 +384,12 @@ var html5 = metaHelper.defineMetadata({
                 enum: ["/[^_].*/", "_blank", "_self", "_parent", "_top"],
             },
             type: {
-                required: true,
                 enum: ["submit", "reset", "button"],
             },
         },
+        implicitRole() {
+            return "button";
+        },
         permittedContent: ["@phrasing"],
         permittedDescendants: [{ exclude: ["@interactive"] }],
         textContent: "accessible",
@@ -445,6 +466,9 @@ var html5 = metaHelper.defineMetadata({
     datalist: {
         flow: true,
         phrasing: true,
+        implicitRole() {
+            return "listbox";
+        },
         permittedContent: ["@phrasing", "option"],
     },
     dd: {
@@ -466,6 +490,9 @@ var html5 = metaHelper.defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "group";
+        },
         permittedContent: ["summary", "@flow"],
         permittedOrder: ["summary", "@flow"],
         requiredContent: ["summary"],
@@ -473,6 +500,9 @@ var html5 = metaHelper.defineMetadata({
     dfn: {
         flow: true,
         phrasing: true,
+        implicitRole() {
+            return "term";
+        },
         permittedContent: ["@phrasing"],
         permittedDescendants: [{ exclude: ["dfn"] }],
     },
@@ -484,6 +514,9 @@ var html5 = metaHelper.defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "dialog";
+        },
     },
     dir: {
         deprecated: {
@@ -558,6 +591,9 @@ var html5 = metaHelper.defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "group";
+        },
         permittedContent: ["@flow", "legend?"],
         permittedOrder: ["legend", "@flow"],
     },
@@ -566,6 +602,9 @@ var html5 = metaHelper.defineMetadata({
     },
     figure: {
         flow: true,
+        implicitRole() {
+            return "figure";
+        },
         permittedContent: ["@flow", "figcaption?"],
         permittedOrder: ["figcaption", "@flow", "figcaption"],
     },
@@ -578,6 +617,26 @@ var html5 = metaHelper.defineMetadata({
     },
     footer: {
         flow: true,
+        implicitRole(node) {
+            const selectors = [
+                "article",
+                "aside",
+                "main",
+                "nav",
+                "section",
+                '[role="article"]',
+                '[role="complementary"]',
+                '[role="main"]',
+                '[role="navigation"]',
+                '[role="region"]',
+            ];
+            if (node.closest(selectors.join(","))) {
+                return null;
+            }
+            else {
+                return "contentinfo";
+            }
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["header", "footer", "main"] }],
     },
@@ -604,6 +663,9 @@ var html5 = metaHelper.defineMetadata({
                 enum: ["/[^_].*/", "_blank", "_self", "_parent", "_top"],
             },
         },
+        implicitRole() {
+            return "form";
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["@form"] }],
     },
@@ -639,6 +701,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h2: {
         flow: true,
@@ -649,6 +714,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h3: {
         flow: true,
@@ -659,6 +727,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h4: {
         flow: true,
@@ -669,6 +740,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h5: {
         flow: true,
@@ -679,6 +753,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h6: {
         flow: true,
@@ -689,6 +766,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     head: {
         permittedContent: ["base?", "title?", "@meta"],
@@ -702,6 +782,26 @@ var html5 = metaHelper.defineMetadata({
     },
     header: {
         flow: true,
+        implicitRole(node) {
+            const selectors = [
+                "article",
+                "aside",
+                "main",
+                "nav",
+                "section",
+                '[role="article"]',
+                '[role="complementary"]',
+                '[role="main"]',
+                '[role="navigation"]',
+                '[role="region"]',
+            ];
+            if (node.closest(selectors.join(","))) {
+                return null;
+            }
+            else {
+                return "banner";
+            }
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["header", "footer", "main"] }],
     },
@@ -732,6 +832,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "separator";
+        },
     },
     html: {
         permittedContent: ["head?", "body?"],
@@ -745,6 +848,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "document";
+        },
     },
     i: {
         flow: true,
@@ -845,6 +951,15 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole(node) {
+            const alt = node.getAttribute("alt");
+            if (alt === "") {
+                return "presentation";
+            }
+            else {
+                return "img";
+            }
+        },
     },
     input: {
         flow: true,
@@ -964,6 +1079,44 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        /* eslint-disable-next-line complexity -- the standard is complicated */
+        implicitRole(node) {
+            const list = node.hasAttribute("list");
+            if (list) {
+                return "combobox";
+            }
+            const type = node.getAttribute("type");
+            switch (type) {
+                case "button":
+                    return "button";
+                case "checkbox":
+                    return "checkbox";
+                case "email":
+                    return "textbox";
+                case "image":
+                    return "button";
+                case "number":
+                    return "spinbutton";
+                case "radio":
+                    return "radio";
+                case "range":
+                    return "slider";
+                case "reset":
+                    return "button";
+                case "search":
+                    return "searchbox";
+                case "submit":
+                    return "button";
+                case "tel":
+                    return "textbox";
+                case "text":
+                    return "textbox";
+                case "url":
+                    return "textbox";
+                default:
+                    return "textbox";
+            }
+        },
     },
     ins: {
         flow: true,
@@ -1004,6 +1157,9 @@ var html5 = metaHelper.defineMetadata({
             datasrc: {
                 deprecated: true,
             },
+            for: {
+                enum: [validId],
+            },
         },
     },
     legend: {
@@ -1032,6 +1188,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole(node) {
+            return node.closest("ul, ol, menu") ? "listitem" : null;
+        },
     },
     link: {
         metadata: true,
@@ -1106,6 +1265,9 @@ var html5 = metaHelper.defineMetadata({
     },
     main: {
         flow: true,
+        implicitRole() {
+            return "main";
+        },
     },
     map: {
         flow: true,
@@ -1168,9 +1330,15 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "math";
+        },
     },
     menu: {
         flow: true,
+        implicitRole() {
+            return "list";
+        },
         permittedContent: ["@script", "li"],
     },
     meta: {
@@ -1203,6 +1371,9 @@ var html5 = metaHelper.defineMetadata({
         flow: true,
         phrasing: true,
         labelable: true,
+        implicitRole() {
+            return "meter";
+        },
         permittedContent: ["@phrasing"],
         permittedDescendants: [{ exclude: "meter" }],
     },
@@ -1216,6 +1387,9 @@ var html5 = metaHelper.defineMetadata({
     nav: {
         flow: true,
         sectioning: true,
+        implicitRole() {
+            return "navigation";
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: "main" }],
     },
@@ -1328,6 +1502,9 @@ var html5 = metaHelper.defineMetadata({
                 enum: ["a", "A", "i", "I", "1"],
             },
         },
+        implicitRole() {
+            return "list";
+        },
         permittedContent: ["@script", "li"],
     },
     optgroup: {
@@ -1337,6 +1514,9 @@ var html5 = metaHelper.defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "group";
+        },
         permittedContent: ["@script", "option"],
     },
     option: {
@@ -1358,6 +1538,9 @@ var html5 = metaHelper.defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "option";
+        },
         permittedContent: [],
     },
     output: {
@@ -1367,6 +1550,9 @@ var html5 = metaHelper.defineMetadata({
             listed: true,
         },
         labelable: true,
+        implicitRole() {
+            return "status";
+        },
         permittedContent: ["@phrasing"],
     },
     p: {
@@ -1447,6 +1633,9 @@ var html5 = metaHelper.defineMetadata({
         flow: true,
         phrasing: true,
         labelable: true,
+        implicitRole() {
+            return "progressbar";
+        },
         permittedContent: ["@phrasing"],
         permittedDescendants: [{ exclude: "progress" }],
     },
@@ -1523,9 +1712,18 @@ var html5 = metaHelper.defineMetadata({
             },
         },
     },
+    search: {
+        flow: true,
+        implicitRole() {
+            return "search";
+        },
+    },
     section: {
         flow: true,
         sectioning: true,
+        implicitRole() {
+            return "region";
+        },
         permittedContent: ["@flow"],
     },
     select: {
@@ -1553,6 +1751,20 @@ var html5 = metaHelper.defineMetadata({
                 enum: ["/\\d+/"],
             },
         },
+        implicitRole(node) {
+            const multiple = node.hasAttribute("multiple");
+            if (multiple) {
+                return "listbox";
+            }
+            const size = node.getAttribute("size");
+            if (typeof size === "string") {
+                const parsed = parseInt(size, 10);
+                if (parsed > 1) {
+                    return "listbox";
+                }
+            }
+            return "combobox";
+        },
         permittedContent: ["@script", "datasrc", "datafld", "dataformatas", "option", "optgroup"],
     },
     slot: {
@@ -1696,6 +1908,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "table";
+        },
     },
     tbody: {
         implicitClosed: ["tbody", "tfoot"],
@@ -1717,6 +1932,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "rowgroup";
+        },
     },
     td: {
         flow: true,
@@ -1762,6 +1980,17 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole(node) {
+            if (node.closest('table[role="grid"], table[role="treegrid"]')) {
+                return "gridcell";
+            }
+            else if (node.closest("table")) {
+                return "cell";
+            }
+            else {
+                return null;
+            }
+        },
         permittedContent: ["@flow"],
     },
     template: {
@@ -1819,6 +2048,9 @@ var html5 = metaHelper.defineMetadata({
                 enum: ["hard", "soft"],
             },
         },
+        implicitRole() {
+            return "textbox";
+        },
         permittedContent: [],
     },
     tfoot: {
@@ -1841,6 +2073,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "rowgroup";
+        },
     },
     th: {
         flow: true,
@@ -1886,6 +2121,26 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole(node) {
+            var _a;
+            const table = node.closest("table");
+            if (!table) {
+                return null;
+            }
+            const tableRole = (_a = table.getAttribute("role")) !== null && _a !== void 0 ? _a : "table";
+            if (typeof tableRole !== "string" || !["table", "grid", "treegrid"].includes(tableRole)) {
+                return null;
+            }
+            const scope = node.getAttribute("scope");
+            switch (scope) {
+                case "col":
+                    return "columnheader";
+                case "row":
+                    return "rowheader";
+                default:
+                    return tableRole === "table" ? "cell" : "gridcell";
+            }
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["header", "footer", "@sectioning", "@heading"] }],
     },
@@ -1909,10 +2164,16 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "rowgroup";
+        },
     },
     time: {
         flow: true,
         phrasing: true,
+        implicitRole() {
+            return "time";
+        },
         permittedContent: ["@phrasing"],
     },
     title: {
@@ -1943,6 +2204,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "row";
+        },
     },
     track: {
         void: true,
@@ -1969,6 +2233,9 @@ var html5 = metaHelper.defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "list";
+        },
     },
     var: {
         flow: true,