html-validate 8.2.0 → 8.4.0

package/dist/es/elements.js

@@ -2,6 +2,7 @@ import { d as defineMetadata, m as metadataHelper } from './meta-helper.js';
 
 /* eslint-disable sonarjs/no-duplicate-string -- easier to read without constants */
 const { allowedIfAttributeIsPresent, allowedIfAttributeIsAbsent, allowedIfAttributeHasValue, allowedIfParentIsPresent, } = metadataHelper;
+const validId = "/\\S+/";
 var html5 = defineMetadata({
     "*": {
         attributes: {
@@ -22,7 +23,7 @@ var html5 = defineMetadata({
                 boolean: true,
             },
             id: {
-                enum: ["/\\S+/"],
+                enum: [validId],
             },
             tabindex: {
                 enum: ["/-?\\d+/"],
@@ -91,6 +92,9 @@ var html5 = defineMetadata({
             },
         },
         permittedDescendants: [{ exclude: "@interactive" }],
+        implicitRole(node) {
+            return node.hasAttribute("href") ? "link" : null;
+        },
     },
     abbr: {
         flow: true,
@@ -106,6 +110,9 @@ var html5 = defineMetadata({
     },
     address: {
         flow: true,
+        implicitRole() {
+            return "group";
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["address", "header", "footer", "@heading", "@sectioning"] }],
     },
@@ -179,6 +186,9 @@ var html5 = defineMetadata({
                 enum: ["/[^_].*/", "_blank", "_self", "_parent", "_top"],
             },
         },
+        implicitRole(node) {
+            return node.hasAttribute("href") ? "link" : null;
+        },
         requiredAncestors: ["map"],
     },
     article: {
@@ -186,12 +196,18 @@ var html5 = 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,
@@ -266,6 +282,9 @@ var html5 = defineMetadata({
     blockquote: {
         flow: true,
         sectioning: true,
+        implicitRole() {
+            return "blockquote";
+        },
         permittedContent: ["@flow"],
     },
     body: {
@@ -363,10 +382,12 @@ var html5 = defineMetadata({
                 enum: ["/[^_].*/", "_blank", "_self", "_parent", "_top"],
             },
             type: {
-                required: true,
                 enum: ["submit", "reset", "button"],
             },
         },
+        implicitRole() {
+            return "button";
+        },
         permittedContent: ["@phrasing"],
         permittedDescendants: [{ exclude: ["@interactive"] }],
         textContent: "accessible",
@@ -443,6 +464,9 @@ var html5 = defineMetadata({
     datalist: {
         flow: true,
         phrasing: true,
+        implicitRole() {
+            return "listbox";
+        },
         permittedContent: ["@phrasing", "option"],
     },
     dd: {
@@ -464,6 +488,9 @@ var html5 = defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "group";
+        },
         permittedContent: ["summary", "@flow"],
         permittedOrder: ["summary", "@flow"],
         requiredContent: ["summary"],
@@ -471,6 +498,9 @@ var html5 = defineMetadata({
     dfn: {
         flow: true,
         phrasing: true,
+        implicitRole() {
+            return "term";
+        },
         permittedContent: ["@phrasing"],
         permittedDescendants: [{ exclude: ["dfn"] }],
     },
@@ -482,6 +512,9 @@ var html5 = defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "dialog";
+        },
     },
     dir: {
         deprecated: {
@@ -556,6 +589,9 @@ var html5 = defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "group";
+        },
         permittedContent: ["@flow", "legend?"],
         permittedOrder: ["legend", "@flow"],
     },
@@ -564,6 +600,9 @@ var html5 = defineMetadata({
     },
     figure: {
         flow: true,
+        implicitRole() {
+            return "figure";
+        },
         permittedContent: ["@flow", "figcaption?"],
         permittedOrder: ["figcaption", "@flow", "figcaption"],
     },
@@ -576,6 +615,26 @@ var html5 = 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"] }],
     },
@@ -602,6 +661,9 @@ var html5 = defineMetadata({
                 enum: ["/[^_].*/", "_blank", "_self", "_parent", "_top"],
             },
         },
+        implicitRole() {
+            return "form";
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: ["@form"] }],
     },
@@ -637,6 +699,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h2: {
         flow: true,
@@ -647,6 +712,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h3: {
         flow: true,
@@ -657,6 +725,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h4: {
         flow: true,
@@ -667,6 +738,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h5: {
         flow: true,
@@ -677,6 +751,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     h6: {
         flow: true,
@@ -687,6 +764,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "heading";
+        },
     },
     head: {
         permittedContent: ["base?", "title?", "@meta"],
@@ -700,6 +780,26 @@ var html5 = 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"] }],
     },
@@ -730,6 +830,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "separator";
+        },
     },
     html: {
         permittedContent: ["head?", "body?"],
@@ -743,6 +846,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "document";
+        },
     },
     i: {
         flow: true,
@@ -843,6 +949,15 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole(node) {
+            const alt = node.getAttribute("alt");
+            if (alt === "") {
+                return "presentation";
+            }
+            else {
+                return "img";
+            }
+        },
     },
     input: {
         flow: true,
@@ -962,6 +1077,44 @@ var html5 = 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,
@@ -1002,6 +1155,9 @@ var html5 = defineMetadata({
             datasrc: {
                 deprecated: true,
             },
+            for: {
+                enum: [validId],
+            },
         },
     },
     legend: {
@@ -1030,6 +1186,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole(node) {
+            return node.closest("ul, ol, menu") ? "listitem" : null;
+        },
     },
     link: {
         metadata: true,
@@ -1104,6 +1263,9 @@ var html5 = defineMetadata({
     },
     main: {
         flow: true,
+        implicitRole() {
+            return "main";
+        },
     },
     map: {
         flow: true,
@@ -1166,9 +1328,15 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "math";
+        },
     },
     menu: {
         flow: true,
+        implicitRole() {
+            return "list";
+        },
         permittedContent: ["@script", "li"],
     },
     meta: {
@@ -1201,6 +1369,9 @@ var html5 = defineMetadata({
         flow: true,
         phrasing: true,
         labelable: true,
+        implicitRole() {
+            return "meter";
+        },
         permittedContent: ["@phrasing"],
         permittedDescendants: [{ exclude: "meter" }],
     },
@@ -1214,6 +1385,9 @@ var html5 = defineMetadata({
     nav: {
         flow: true,
         sectioning: true,
+        implicitRole() {
+            return "navigation";
+        },
         permittedContent: ["@flow"],
         permittedDescendants: [{ exclude: "main" }],
     },
@@ -1326,6 +1500,9 @@ var html5 = defineMetadata({
                 enum: ["a", "A", "i", "I", "1"],
             },
         },
+        implicitRole() {
+            return "list";
+        },
         permittedContent: ["@script", "li"],
     },
     optgroup: {
@@ -1335,6 +1512,9 @@ var html5 = defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "group";
+        },
         permittedContent: ["@script", "option"],
     },
     option: {
@@ -1356,6 +1536,9 @@ var html5 = defineMetadata({
                 boolean: true,
             },
         },
+        implicitRole() {
+            return "option";
+        },
         permittedContent: [],
     },
     output: {
@@ -1365,6 +1548,9 @@ var html5 = defineMetadata({
             listed: true,
         },
         labelable: true,
+        implicitRole() {
+            return "status";
+        },
         permittedContent: ["@phrasing"],
     },
     p: {
@@ -1445,6 +1631,9 @@ var html5 = defineMetadata({
         flow: true,
         phrasing: true,
         labelable: true,
+        implicitRole() {
+            return "progressbar";
+        },
         permittedContent: ["@phrasing"],
         permittedDescendants: [{ exclude: "progress" }],
     },
@@ -1521,9 +1710,18 @@ var html5 = defineMetadata({
             },
         },
     },
+    search: {
+        flow: true,
+        implicitRole() {
+            return "search";
+        },
+    },
     section: {
         flow: true,
         sectioning: true,
+        implicitRole() {
+            return "region";
+        },
         permittedContent: ["@flow"],
     },
     select: {
@@ -1551,6 +1749,20 @@ var html5 = 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: {
@@ -1694,6 +1906,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "table";
+        },
     },
     tbody: {
         implicitClosed: ["tbody", "tfoot"],
@@ -1715,6 +1930,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "rowgroup";
+        },
     },
     td: {
         flow: true,
@@ -1760,6 +1978,17 @@ var html5 = 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: {
@@ -1817,6 +2046,9 @@ var html5 = defineMetadata({
                 enum: ["hard", "soft"],
             },
         },
+        implicitRole() {
+            return "textbox";
+        },
         permittedContent: [],
     },
     tfoot: {
@@ -1839,6 +2071,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "rowgroup";
+        },
     },
     th: {
         flow: true,
@@ -1884,6 +2119,26 @@ var html5 = 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"] }],
     },
@@ -1907,10 +2162,16 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "rowgroup";
+        },
     },
     time: {
         flow: true,
         phrasing: true,
+        implicitRole() {
+            return "time";
+        },
         permittedContent: ["@phrasing"],
     },
     title: {
@@ -1941,6 +2202,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "row";
+        },
     },
     track: {
         void: true,
@@ -1967,6 +2231,9 @@ var html5 = defineMetadata({
                 deprecated: true,
             },
         },
+        implicitRole() {
+            return "list";
+        },
     },
     var: {
         flow: true,