fix(main-is-top-level): Rename check to landmark-is-top-level for greater reuse

BREAKING CHANGE: The check main-is-top-level is no longer available

Author: WilcoFiers

doc/rule-descriptions.md

@@ -34,8 +34,8 @@
 | input-image-alt | Ensures <input type="image"> elements have alternate text | cat.text-alternatives, wcag2a, wcag111, section508, section508.22.a | true |
 | label-title-only | Ensures that every form element is not solely labeled using the title or aria-describedby attributes | cat.forms, best-practice | true |
 | label | Ensures every form element has a label | cat.forms, wcag2a, wcag332, wcag131, section508, section508.22.n | true |
-| landmark-banner-is-top-level | A banner landmark identifies site-oriented content at the beginning of each page within a website | best-practice | true |
-| landmark-contentinfo-is-top-level | A contentinfo landmark is a way to identify common information at the bottom of each page within a website | best-practice | true |
+| landmark-banner-is-top-level | The banner landmark should not be contained in another landmark | best-practice | true |
+| landmark-contentinfo-is-top-level | The contentinfo landmark should not be contained in another landmark | best-practice | true |
 | landmark-main-is-top-level | The main landmark should not be contained in another landmark | best-practice | true |
 | landmark-no-duplicate-banner | Ensures the document has no more than one banner landmark | best-practice | true |
 | landmark-no-duplicate-contentinfo | Ensures the document has no more than one contentinfo landmark | best-practice | true |

lib/checks/keyboard/banner-is-top-level.js

@@ -1,5 +1,10 @@
 var landmarks = axe.commons.aria.getRolesByType('landmark');
 var parent = axe.commons.dom.getComposedParent(node);
+
+this.data({ 
+	role: node.getAttribute('role') || axe.commons.aria.implicitRole(node)
+});
+
 while (parent){
 	var role = parent.getAttribute('role');
 	if (!role && (parent.tagName.toLowerCase() !== 'form')){

lib/checks/keyboard/banner-is-top-level.json

@@ -0,0 +1,11 @@
+{
+  "id": "landmark-is-top-level",
+  "evaluate": "landmark-is-top-level.js",
+  "metadata": {
+    "impact": "moderate",
+    "messages": {
+      "pass": "The {{=it.data.role }} landmark is at the top level.",
+      "fail": "The {{=it.data.role }} landmark is contained in another landmark."
+    }
+  }
+}

lib/checks/keyboard/contentinfo-is-top-level.js

@@ -1,16 +1,17 @@
 {
   "id": "landmark-banner-is-top-level",
-  "selector": "[role=banner], header",
+  "selector": "header:not([role]), [role=banner]",
+  "matches": "landmark-has-body-context.js",
   "tags": [
     "best-practice"
   ],
   "metadata": {
-    "description": "A banner landmark identifies site-oriented content at the beginning of each page within a website",
+    "description": "The banner landmark should not be contained in another landmark",
     "help": "Banner landmark must be at top level"
   },
   "all": [],
   "any": [
-    "banner-is-top-level"
+    "landmark-is-top-level"
   ],
   "none": []
 }

lib/checks/keyboard/contentinfo-is-top-level.json

@@ -1,16 +1,17 @@
 {
   "id": "landmark-contentinfo-is-top-level",
-  "selector": "[role=contentinfo], footer",
+  "selector": "footer:not([role]), [role=contentinfo]",
+  "matches": "landmark-has-body-context.js",
   "tags": [
     "best-practice"
   ],
   "metadata": {
-    "description": "A contentinfo landmark is a way to identify common information at the bottom of each page within a website",
+    "description": "The contentinfo landmark should not be contained in another landmark",
     "help": "Contentinfo landmark must be at top level"
   },
   "all": [],
   "any": [
-    "contentinfo-is-top-level"
+    "landmark-is-top-level"
   ],
   "none": []
 }