Test required ARIA props check

sveltejs · Jan 3, 2021 · b893908 · b893908
1 parent a96f4d0
commit b893908
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 0 deletions.
diff --git a/test/validator/samples/a11y-role-has-required-aria-props/input.svelte b/test/validator/samples/a11y-role-has-required-aria-props/input.svelte
@@ -0,0 +1,7 @@
+<div role="heading"></div>
+<span role="checkbox"></span>
+<div role="meter"></div>
+
+<div role="heading" aria-level="1"></div>
+<span role="checkbox" aria-checked="false"></span>
+<div role="meter" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
diff --git a/test/validator/samples/a11y-role-has-required-aria-props/warnings.json b/test/validator/samples/a11y-role-has-required-aria-props/warnings.json
@@ -0,0 +1,47 @@
+[
+	{
+		"code": "a11y-role-has-required-aria-props",
+		"message": "A11y: Elements with the ARIA role \"heading\" must have the following attributes defined: aria-level",
+		"start": {
+			"line": 1,
+			"column": 5,
+			"character": 5
+		},
+		"end": {
+			"line": 1,
+			"column": 19,
+			"character": 19
+		},
+		"pos": 5
+    },
+    {
+        "code": "a11y-role-has-required-aria-props",
+        "message": "A11y: Elements with the ARIA role \"checkbox\" must have the following attributes defined: aria-checked",
+        "start": {
+            "line": 2,
+            "column": 6,
+            "character": 33
+        },
+        "end": {
+            "line": 2,
+            "column": 21,
+            "character": 48
+        },
+        "pos": 33
+    },
+    {
+        "code": "a11y-role-has-required-aria-props",
+        "message": "A11y: Elements with the ARIA role \"meter\" must have the following attributes defined: aria-valuemax,aria-valuemin,aria-valuenow",
+        "start": {
+            "line": 3,
+            "column": 5,
+            "character": 62
+        },
+        "end": {
+            "line": 3,
+            "column": 17,
+            "character": 74
+        },
+        "pos": 62
+    }
+]