html-validate 8.9.0 → 8.9.1

package/dist/cjs/core.js

@@ -2159,6 +2159,7 @@ class TextNode extends DOMNode {
   }
 }
 
+const ROLE = Symbol("role");
 var NodeClosed = /* @__PURE__ */ ((NodeClosed2) => {
   NodeClosed2[NodeClosed2["Open"] = 0] = "Open";
   NodeClosed2[NodeClosed2["EndTag"] = 1] = "EndTag";
@@ -2394,6 +2395,27 @@ class HtmlElement extends DOMNode {
   get meta() {
     return this.metaElement;
   }
+  /**
+   * Get current role for this element (explicit with `role` attribute or mapped
+   * with implicit role).
+   *
+   * @since 8.9.1
+   */
+  get role() {
+    const cached = this.cacheGet(ROLE);
+    if (cached !== void 0) {
+      return cached;
+    }
+    const role = this.getAttribute("role");
+    if (role) {
+      return this.cacheSet(ROLE, role.value);
+    }
+    if (this.metaElement) {
+      const implicitRole = this.metaElement.implicitRole(this._adapter);
+      return this.cacheSet(ROLE, implicitRole);
+    }
+    return this.cacheSet(ROLE, null);
+  }
   /**
    * Set annotation for this element.
    */
@@ -7433,7 +7455,7 @@ class NoRawCharacters extends Rule {
   }
 }
 
-const selectors = ["input[aria-label]", "textarea[aria-label]", "select[aria-label]"];
+const selectors$1 = ["input[aria-label]", "textarea[aria-label]", "select[aria-label]"];
 class NoRedundantAriaLabel extends Rule {
   documentation() {
     return {
@@ -7444,7 +7466,7 @@ class NoRedundantAriaLabel extends Rule {
   setup() {
     this.on("dom:ready", (event) => {
       const { document } = event;
-      const elements = document.querySelectorAll(selectors.join(","));
+      const elements = document.querySelectorAll(selectors$1.join(","));
       for (const element of elements) {
         const ariaLabel = element.getAttribute("aria-label");
         const id = element.id;
@@ -8473,6 +8495,18 @@ class TextContent extends Rule {
   }
 }
 
+const roles = ["complementary", "contentinfo", "form", "banner", "main", "navigation", "region"];
+const selectors = [
+  "aside",
+  "footer",
+  "form",
+  "header",
+  "main",
+  "nav",
+  "section",
+  ...roles.map((it) => `[role="${it}"]`)
+  /* <search> does not (yet?) require a unique name */
+];
 function getTextFromReference(document, id) {
   if (!id || id instanceof DynamicValue) {
     return id;
@@ -8485,6 +8519,18 @@ function getTextFromReference(document, id) {
     return selector;
   }
 }
+function groupBy(values, callback) {
+  const result = {};
+  for (const value of values) {
+    const key = callback(value);
+    if (key in result) {
+      result[key].push(value);
+    } else {
+      result[key] = [value];
+    }
+  }
+  return result;
+}
 function getTextEntryFromElement(document, node) {
   const ariaLabel = node.getAttribute("aria-label");
   if (ariaLabel) {
@@ -8509,6 +8555,13 @@ function getTextEntryFromElement(document, node) {
     location: node.location
   };
 }
+function isExcluded(entry) {
+  const { node, text } = entry;
+  if (text === null) {
+    return !(node.is("form") || node.is("section"));
+  }
+  return true;
+}
 class UniqueLandmark extends Rule {
   documentation() {
     return {
@@ -8536,25 +8589,17 @@ class UniqueLandmark extends Rule {
     };
   }
   setup() {
-    const selectors = [
-      'aside, [role="complementary"]',
-      'footer, [role="contentinfo"]',
-      'form, [role="form"]',
-      'header, [role="banner"]',
-      'main, [role="main"]',
-      'nav, [role="navigation"]',
-      'section, [role="region"]'
-      /* <search> does not (yet?) require a unique name */
-    ];
     this.on("dom:ready", (event) => {
       const { document } = event;
-      for (const selector of selectors) {
-        const nodes = document.querySelectorAll(selector);
+      const elements = document.querySelectorAll(selectors.join(",")).filter((it) => typeof it.role === "string" && roles.includes(it.role));
+      const grouped = groupBy(elements, (it) => it.role);
+      for (const nodes of Object.values(grouped)) {
         if (nodes.length <= 1) {
           continue;
         }
         const entries = nodes.map((it) => getTextEntryFromElement(document, it));
-        for (const entry of entries) {
+        const filteredEntries = entries.filter(isExcluded);
+        for (const entry of filteredEntries) {
           if (entry.text instanceof DynamicValue) {
             continue;
           }
@@ -11658,7 +11703,7 @@ class HtmlValidate {
 }
 
 const name = "html-validate";
-const version = "8.9.0";
+const version = "8.9.1";
 const bugs = "https://gitlab.com/html-validate/html-validate/issues/new";
 
 function definePlugin(plugin) {