fix: correctly interpret empty aria- attribute (#11325)

* fix: correctly interpret empty aria- attribute

* changeset

* huh

* only suggest default value for boolean/tristate attributes

* adjust messages, disallow empty strings

* gah

.changeset/brown-geckos-fry.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: correctly interpret empty aria- attribute

packages/svelte/messages/compile-warnings/a11y.md

@@ -44,11 +44,11 @@
 
 ## a11y_incorrect_aria_attribute_type
 
-> The value of '%attribute%' must be of type %type%
+> The value of '%attribute%' must be a %type%
 
 ## a11y_incorrect_aria_attribute_type_boolean
 
-> The value of '%attribute%' must be either 'true' or 'false'
+> The value of '%attribute%' must be either 'true' or 'false'. It cannot be empty
 
 ## a11y_incorrect_aria_attribute_type_id
 

packages/svelte/src/compiler/phases/2-analyze/a11y.js

@@ -103,7 +103,7 @@ function has_disabled_attribute(attribute_map) {
 	const aria_disabled_attr = attribute_map.get('aria-disabled');
 	if (aria_disabled_attr) {
 		const aria_disabled_attr_value = get_static_value(aria_disabled_attr);
-		if (aria_disabled_attr_value === true) {
+		if (aria_disabled_attr_value === 'true') {
 			return true;
 		}
 	}
@@ -601,20 +601,19 @@ function is_parent(parent, elements) {
  */
 function validate_aria_attribute_value(attribute, name, schema, value) {
 	const type = schema.type;
-	const is_string = typeof value === 'string';
 
 	if (value === null) return;
-	if (value === true) value = 'true'; // TODO this is actually incorrect, and we should fix it
+	if (value === true) value = '';
 
 	if (type === 'boolean' && value !== 'true' && value !== 'false') {
 		w.a11y_incorrect_aria_attribute_type_boolean(attribute, name);
-	} else if (type === 'integer' && !Number.isInteger(+value)) {
+	} else if (type === 'integer' && (value === '' || !Number.isInteger(+value))) {
 		w.a11y_incorrect_aria_attribute_type_integer(attribute, name);
-	} else if (type === 'number' && isNaN(+value)) {
+	} else if (type === 'number' && (value === '' || isNaN(+value))) {
 		w.a11y_incorrect_aria_attribute_type(attribute, name, 'number');
-	} else if ((type === 'string' || type === 'id') && !is_string) {
-		w.a11y_incorrect_aria_attribute_type(attribute, name, 'string');
-	} else if (type === 'idlist' && !is_string) {
+	} else if ((type === 'string' || type === 'id') && value === '') {
+		w.a11y_incorrect_aria_attribute_type(attribute, name, 'non-empty string');
+	} else if (type === 'idlist' && value === '') {
 		w.a11y_incorrect_aria_attribute_type_idlist(attribute, name);
 	} else if (type === 'token') {
 		const values = (schema.values ?? []).map((value) => value.toString());

packages/svelte/src/compiler/warnings.js

@@ -134,22 +134,22 @@ export function a11y_img_redundant_alt(node) {
 }
 
 /**
- * The value of '%attribute%' must be of type %type%
+ * The value of '%attribute%' must be a %type%
  * @param {null | NodeLike} node
  * @param {string} attribute
  * @param {string} type
  */
 export function a11y_incorrect_aria_attribute_type(node, attribute, type) {
-	w(node, "a11y_incorrect_aria_attribute_type", `The value of '${attribute}' must be of type ${type}`);
+	w(node, "a11y_incorrect_aria_attribute_type", `The value of '${attribute}' must be a ${type}`);
 }
 
 /**
- * The value of '%attribute%' must be either 'true' or 'false'
+ * The value of '%attribute%' must be either 'true' or 'false'. It cannot be empty
  * @param {null | NodeLike} node
  * @param {string} attribute
  */
 export function a11y_incorrect_aria_attribute_type_boolean(node, attribute) {
-	w(node, "a11y_incorrect_aria_attribute_type_boolean", `The value of '${attribute}' must be either 'true' or 'false'`);
+	w(node, "a11y_incorrect_aria_attribute_type_boolean", `The value of '${attribute}' must be either 'true' or 'false'. It cannot be empty`);
 }
 
 /**

packages/svelte/tests/validator/samples/a11y-aria-proptypes-boolean/warnings.json

@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_incorrect_aria_attribute_type_boolean",
-		"message": "The value of 'aria-disabled' must be either 'true' or 'false'",
+		"message": "The value of 'aria-disabled' must be either 'true' or 'false'. It cannot be empty",
 		"start": {
 			"line": 5,
 			"column": 8
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_incorrect_aria_attribute_type_boolean",
-		"message": "The value of 'aria-disabled' must be either 'true' or 'false'",
+		"message": "The value of 'aria-disabled' must be either 'true' or 'false'. It cannot be empty",
 		"start": {
 			"line": 6,
 			"column": 8

packages/svelte/tests/validator/samples/a11y-aria-proptypes-integer/input.svelte

@@ -1,7 +1,6 @@
 <div aria-level="yes"></div>
 <div aria-level="no"></div>
 <div aria-level={`abc`}></div>
-<div aria-level={true}></div>
 <div aria-level></div>
 <div aria-level={"false"}></div>
 <div aria-level={!"false"}></div>

packages/svelte/tests/validator/samples/a11y-aria-proptypes-integer/warnings.json

@@ -27,11 +27,11 @@
 		"code": "a11y_incorrect_aria_attribute_type_integer",
 		"message": "The value of 'aria-level' must be an integer",
 		"start": {
-			"line": 5,
+			"line": 4,
 			"column": 5
 		},
 		"end": {
-			"line": 5,
+			"line": 4,
 			"column": 15
 		}
 	}

packages/svelte/tests/validator/samples/a11y-aria-proptypes-number/input.svelte

@@ -2,6 +2,6 @@
 <div aria-valuemax="no"></div>
 <div aria-valuemax={`abc`}></div>
 <div aria-valuemax={true}></div>
-<div aria-valuemax></div>
+<div aria-valuemax="true"></div>
 <div aria-valuemax={'false'}></div>
 <div aria-valuemax={!'false'}></div>

packages/svelte/tests/validator/samples/a11y-aria-proptypes-number/warnings.json

@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_incorrect_aria_attribute_type",
-		"message": "The value of 'aria-valuemax' must be of type number",
+		"message": "The value of 'aria-valuemax' must be a number",
 		"start": {
 			"line": 1,
 			"column": 5
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_incorrect_aria_attribute_type",
-		"message": "The value of 'aria-valuemax' must be of type number",
+		"message": "The value of 'aria-valuemax' must be a number",
 		"start": {
 			"line": 2,
 			"column": 5
@@ -25,14 +25,14 @@
 	},
 	{
 		"code": "a11y_incorrect_aria_attribute_type",
-		"message": "The value of 'aria-valuemax' must be of type number",
+		"message": "The value of 'aria-valuemax' must be a number",
 		"start": {
 			"line": 5,
 			"column": 5
 		},
 		"end": {
 			"line": 5,
-			"column": 18
+			"column": 25
 		}
 	}
 ]

packages/svelte/tests/validator/samples/a11y-aria-proptypes-string/input.svelte

@@ -1,4 +1,4 @@
-<div aria-label></div>
+<div aria-label="true"></div>
 <div aria-label={true}></div>
 <div aria-label={false}></div>
 <div aria-label={1234}></div>

packages/svelte/tests/validator/samples/a11y-aria-proptypes-string/warnings.json

@@ -1,14 +1 @@
-[
-	{
-		"code": "a11y_incorrect_aria_attribute_type",
-		"message": "The value of 'aria-label' must be of type string",
-		"start": {
-			"line": 1,
-			"column": 5
-		},
-		"end": {
-			"line": 1,
-			"column": 15
-		}
-	}
-]
+[]

packages/svelte/tests/validator/samples/a11y-aria-proptypes-token/input.svelte

@@ -1,6 +1,6 @@
 <div aria-sort=""></div>
 <div aria-sort="incorrect"></div>
-<div aria-sort></div>
+<div aria-sort="true"></div>
 <div aria-sort={true}></div>
 <div aria-sort={"false"}></div>
 <div aria-sort="ascending descending"></div>

packages/svelte/tests/validator/samples/a11y-aria-proptypes-token/warnings.json

@@ -32,7 +32,7 @@
 		},
 		"end": {
 			"line": 3,
-			"column": 14
+			"column": 21
 		}
 	},
 	{

packages/svelte/tests/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte

@@ -1,6 +1,6 @@
 <div aria-relevant=""></div>
 <div aria-relevant="foobar"></div>
-<div aria-relevant></div>
+<div aria-relevant="true"></div>
 <div aria-relevant={true}></div>
 <div aria-relevant={"false"}></div>
 <div aria-relevant="additions removals_"></div>

packages/svelte/tests/validator/samples/a11y-aria-proptypes-tokenlist/warnings.json

@@ -32,7 +32,7 @@
 		},
 		"end": {
 			"line": 3,
-			"column": 18
+			"column": 25
 		}
 	},
 	{

packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/input.svelte

@@ -57,7 +57,7 @@
 <input on:click={noop} type="hidden" />
 
 <!-- svelte-ignore a11y_no_static_element_interactions -->
-<div on:click={noop} aria-hidden></div>
+<div on:click={noop} aria-hidden="true"></div>
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <div on:click={noop} aria-hidden="true"></div>
 <!-- svelte-ignore a11y_no_static_element_interactions -->

packages/svelte/tests/validator/samples/a11y-heading-has-content/input.svelte

@@ -1,2 +1,2 @@
 <h1></h1>
-<h2 aria-hidden>invisible header</h2>
+<h2 aria-hidden="true">invisible header</h2>

packages/svelte/tests/validator/samples/a11y-heading-has-content/warnings.json

@@ -20,7 +20,7 @@
 		},
 		"end": {
 			"line": 2,
-			"column": 15
+			"column": 22
 		}
 	}
 ]

packages/svelte/tests/validator/samples/a11y-img-redundant-alt/input.svelte

@@ -1,5 +1,5 @@
 <img src="foo" alt="Foo eating a sandwich." />
-<img src="bar" aria-hidden alt="Picture of me taking a photo of an image" />
+<img src="bar" aria-hidden="true" alt="Picture of me taking a photo of an image" />
 <img src="foo" alt="Photo of foo being weird." />
 <img src="bar" alt="Image of me at a bar!" />
 <img src="foo" alt="Picture of baz fixing a bug." />

packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/input.svelte

@@ -1,6 +1,6 @@
 <!-- VALID -->
-<div aria-hidden role="button" on:keypress={() => {}}></div>
-<div aria-disabled role="button" on:keypress={() => {}}></div>
+<div aria-hidden="true" role="button" on:keypress={() => {}}></div>
+<div aria-disabled="true" role="button" on:keypress={() => {}}></div>
 <div disabled role="button" on:keypress={() => {}}></div>
 <div role="presentation" on:keypress={() => {}}></div>
 <button on:click={() => {}}></button>

packages/svelte/tests/validator/samples/a11y-media-has-caption/input.svelte

@@ -2,6 +2,5 @@
 <video></video>
 <video><track /></video>
 <audio></audio>
-<video aria-hidden></video>
-<video aria-hidden="false"></video>
 <video aria-hidden="true"></video>
+<video aria-hidden="false"></video>

packages/svelte/tests/validator/samples/a11y-media-has-caption/warnings.json

@@ -23,18 +23,6 @@
 			"line": 3
 		}
 	},
-	{
-		"code": "a11y_media_has_caption",
-		"end": {
-			"column": 27,
-			"line": 5
-		},
-		"message": "`<video>` elements must have a `<track kind=\"captions\">`",
-		"start": {
-			"column": 0,
-			"line": 5
-		}
-	},
 	{
 		"code": "a11y_media_has_caption",
 		"end": {

packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte

@@ -83,11 +83,11 @@
 <div role="menu"></div>
 <div role="menubar"></div>
 <div role="menuitem"></div>
-<div role="menuitemcheckbox" aria-checked></div>
-<div role="menuitemradio" aria-checked></div>
-<div role="option" aria-selected></div>
+<div role="menuitemcheckbox" aria-checked="true"></div>
+<div role="menuitemradio" aria-checked="true"></div>
+<div role="option" aria-selected="true"></div>
 <div role="progressbar"></div>
-<div role="radio" aria-checked></div>
+<div role="radio" aria-checked="true"></div>
 <div role="radiogroup"></div>
 <div role="row"></div>
 <div role="rowheader"></div>
@@ -95,7 +95,7 @@
 <div role="searchbox"></div>
 <div role="slider" aria-valuenow={0}></div>
 <div role="spinbutton"></div>
-<div role="switch" aria-checked></div>
+<div role="switch" aria-checked="true"></div>
 <div role="tab"></div>
 <div role="textbox"></div>
 <div role="treeitem" aria-selected={true}></div>

packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/input.svelte

@@ -1,7 +1,7 @@
 <!-- VALID -->
 <div role="presentation" on:mouseup={() => {}}></div>
 <div role="button" tabindex="-1" on:click={() => {}} on:keypress={() => {}}></div>
-<div role="listitem" aria-hidden on:click={() => {}} on:keypress={() => {}}></div>
+<div role="listitem" aria-hidden="true" on:click={() => {}} on:keypress={() => {}}></div>
 <button on:click={() => {}}></button>
 <h1 contenteditable="true" on:keydown={() => {}}>Heading</h1>
 <h1>Heading</h1>

packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte

@@ -9,39 +9,39 @@
 <dir role="menu"></dir>
 <dl role="menubar"></dl>
 <dfn role="menuitem"></dfn>
-<dt role="menuitemcheckbox" aria-checked></dt>
-<fieldset role="menuitemradio" aria-checked></fieldset>
+<dt role="menuitemcheckbox" aria-checked="true"></dt>
+<fieldset role="menuitemradio" aria-checked="true"></fieldset>
 <figure>
-	<figcaption role="menuitemradio" aria-checked></figcaption>
+	<figcaption role="menuitemradio" aria-checked="true"></figcaption>
 </figure>
-<figure role="option" aria-selected></figure>
-<footer role="radio" aria-checked></footer>
+<figure role="option" aria-selected="true"></figure>
+<footer role="radio" aria-checked="true"></footer>
 <form role="radiogroup"></form>
 <h1 role="rowheader">Button</h1>
 <h2 role="scrollbar" aria-controls={[]} aria-valuenow={0}>Button</h2>
 <h3 role="searchbox">Button</h3>
 <h4 role="slider" aria-valuenow={0}>Button</h4>
 <h5 role="spinbutton">Button</h5>
-<h6 role="switch" aria-checked>Button</h6>
+<h6 role="switch" aria-checked="true">Button</h6>
 <hr role="tab" />
 <img role="tabpanel" alt="tabpanel" />
 <label role="textbox"></label>
 <legend role="toolbar"></legend>
 <li role="tree"></li>
 <main role="treegrid"></main>
-<mark role="treeitem" aria-selected></mark>
+<mark role="treeitem" aria-selected="true"></mark>
 <marquee role="doc-backlink"></marquee>
 <menu role="doc-biblioref"></menu>
 <meter role="doc-glossref"></meter>
 <nav role="doc-noteref"></nav>
 <ol role="button"></ol>
-<optgroup role="treeitem" aria-selected></optgroup>
+<optgroup role="treeitem" aria-selected="true"></optgroup>
 <output role="treegrid"></output>
 <p role="columnheader"></p>
 <pre role="tree"></pre>
-<progress role="combobox" aria-controls={[]} aria-expanded></progress>
+<progress role="combobox" aria-controls={[]} aria-expanded="true"></progress>
 <ruby role="toolbar"></ruby>
-<section role="radio" aria-label="radio" aria-checked></section>
+<section role="radio" aria-label="radio" aria-checked="true"></section>
 <table role="menu"></table>
 <tbody role="searchbox"></tbody>
 <tfoot role="listbox"></tfoot>
@@ -82,11 +82,11 @@
 <div role="menu"></div>
 <div role="menubar"></div>
 <div role="menuitem"></div>
-<div role="menuitemcheckbox" aria-checked></div>
-<div role="menuitemradio" aria-checked></div>
-<div role="option" aria-selected></div>
+<div role="menuitemcheckbox" aria-checked="true"></div>
+<div role="menuitemradio" aria-checked="true"></div>
+<div role="option" aria-selected="true"></div>
 <div role="progressbar"></div>
-<div role="radio" aria-checked></div>
+<div role="radio" aria-checked="true"></div>
 <div role="radiogroup"></div>
 <div role="row"></div>
 <div role="rowheader"></div>
@@ -94,11 +94,11 @@
 <div role="searchbox"></div>
 <div role="slider" aria-valuenow={0}></div>
 <div role="spinbutton"></div>
-<div role="switch" aria-checked></div>
+<div role="switch" aria-checked="true"></div>
 <div role="tab"></div>
 <div role="textbox"></div>
 <div role="treeitem" aria-selected={true}></div>
-<body role="combobox" aria-controls={[]} aria-expanded></body>
+<body role="combobox" aria-controls={[]} aria-expanded="true"></body>
 <td role="button"></td>
 
 <!-- VALID: HTML elements attributed with a non-interactive role -->

packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/warnings.json

@@ -128,7 +128,7 @@
 		},
 		"end": {
 			"line": 12,
-			"column": 46
+			"column": 53
 		}
 	},
 	{
@@ -140,7 +140,7 @@
 		},
 		"end": {
 			"line": 13,
-			"column": 55
+			"column": 62
 		}
 	},
 	{
@@ -152,7 +152,7 @@
 		},
 		"end": {
 			"line": 15,
-			"column": 60
+			"column": 67
 		}
 	},
 	{
@@ -164,7 +164,7 @@
 		},
 		"end": {
 			"line": 17,
-			"column": 45
+			"column": 52
 		}
 	},
 	{
@@ -176,7 +176,7 @@
 		},
 		"end": {
 			"line": 18,
-			"column": 43
+			"column": 50
 		}
 	},
 	{
@@ -260,7 +260,7 @@
 		},
 		"end": {
 			"line": 25,
-			"column": 42
+			"column": 49
 		}
 	},
 	{
@@ -356,7 +356,7 @@
 		},
 		"end": {
 			"line": 32,
-			"column": 43
+			"column": 50
 		}
 	},
 	{
@@ -440,7 +440,7 @@
 		},
 		"end": {
 			"line": 38,
-			"column": 51
+			"column": 58
 		}
 	},
 	{
@@ -488,7 +488,7 @@
 		},
 		"end": {
 			"line": 42,
-			"column": 70
+			"column": 77
 		}
 	},
 	{
@@ -512,7 +512,7 @@
 		},
 		"end": {
 			"line": 44,
-			"column": 64
+			"column": 71
 		}
 	},
 	{

packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/input.svelte

@@ -1,9 +1,9 @@
 <!-- INVALID -->
 <a aria-setsize="0" href="/">Link</a>
-<area aria-pressed alt="" />
+<area aria-pressed="true" alt="" />
 <article aria-autocomplete="inline"></article>
-<aside aria-modal></aside>
-<body aria-invalid></body>
+<aside aria-modal="true"></aside>
+<body aria-invalid="true"></body>
 <button aria-valuemax="0"></button>
 <datalist aria-valuenow="0"></datalist>
 <dd aria-rowindex="0"></dd>
@@ -12,149 +12,149 @@
 <details aria-orientation="undefined"></details>
 <dt aria-valuemin="0"></dt>
 <fieldset aria-orientation="undefined"></fieldset>
-<form aria-disabled></form>
-<h1 aria-selected>H1</h1>
-<h2 aria-selected>H2</h2>
-<h3 aria-expanded>H3</h3>
+<form aria-disabled="true"></form>
+<h1 aria-selected="true">H1</h1>
+<h2 aria-selected="true">H2</h2>
+<h3 aria-expanded="true">H3</h3>
 <h4 aria-valuemin="0">H4</h4>
-<h5 aria-readonly>H5</h5>
+<h5 aria-readonly="true">H5</h5>
 <h6 aria-valuemin="0">H6</h6>
-<hr aria-required />
+<hr aria-required="true" />
 <img aria-level="0" alt="invalid aria" />
-<li aria-required></li>
+<li aria-required="true"></li>
 <link aria-rowcount="0" />
 <menu aria-valuemin="0"></menu>
 <meter aria-colspan="0"></meter>
-<nav aria-valuetext=""></nav>
+<nav aria-valuetext="x"></nav>
 <ol aria-sort="none"></ol>
-<option aria-invalid></option>
+<option aria-invalid="true"></option>
 <optgroup aria-sort="none"></optgroup>
-<output aria-multiline></output>
+<output aria-multiline="true"></output>
 <progress aria-rowcount="0"></progress>
-<section aria-invalid></section>
+<section aria-invalid="true"></section>
 <summary aria-rowcount="0"></summary>
 <tbody aria-colspan="0"></tbody>
 <textarea aria-valuenow="0"></textarea>
-<tfoot aria-required></tfoot>
+<tfoot aria-required="true"></tfoot>
 <thead aria-valuemin="0"></thead>
-<tr aria-pressed></tr>
-<ul aria-multiselectable></ul>
+<tr aria-pressed="true"></tr>
+<ul aria-multiselectable="true"></ul>
 
 <div role="alert" aria-colspan="0"></div>
 <div role="alertdialog" aria-autocomplete="inline"></div>
-<div role="application" aria-required></div>
-<div role="article" aria-multiline></div>
+<div role="application" aria-required="true"></div>
+<div role="article" aria-multiline="true"></div>
 <div role="banner" aria-autocomplete="inline"></div>
-<div role="blockquote" aria-valuetext=""></div>
+<div role="blockquote" aria-valuetext="x"></div>
 <div role="button" aria-colspan="0"></div>
 <div role="caption" aria-setsize="0"></div>
-<div role="cell" aria-multiline></div>
-<div role="checkbox" aria-multiline aria-checked></div>
-<div role="code" aria-invalid></div>
+<div role="cell" aria-multiline="true"></div>
+<div role="checkbox" aria-multiline="true" aria-checked="true"></div>
+<div role="code" aria-invalid="true"></div>
 <div role="columnheader" aria-colcount="0"></div>
-<div role="combobox" aria-multiselectable aria-controls={[]} aria-expanded></div>
-<div role="complementary" aria-readonly></div>
-<div role="contentinfo" aria-valuetext=""></div>
-<div role="definition" aria-multiline></div>
-<div role="deletion" aria-expanded></div>
-<div role="dialog" aria-multiline></div>
+<div role="combobox" aria-multiselectable="true" aria-controls={[]} aria-expanded="true"></div>
+<div role="complementary" aria-readonly="true"></div>
+<div role="contentinfo" aria-valuetext="x"></div>
+<div role="definition" aria-multiline="true"></div>
+<div role="deletion" aria-expanded="true"></div>
+<div role="dialog" aria-multiline="true"></div>
 <div role="directory" aria-rowcount="0"></div>
 <div role="document" aria-valuemin="0"></div>
 <div role="emphasis" aria-rowindex="0"></div>
 <div role="feed" aria-colindex="0"></div>
 <div role="figure" aria-valuemax="0"></div>
-<div role="form" aria-readonly></div>
+<div role="form" aria-readonly="true"></div>
 <div role="generic" aria-valuemax="0"></div>
-<div role="grid" aria-checked></div>
+<div role="grid" aria-checked="true"></div>
 <div role="gridcell" aria-level="0"></div>
 <div role="group" aria-colspan="0"></div>
 <div role="heading" aria-activedescendant="id" tabindex="-1" aria-level="0"></div>
 <div role="insertion" aria-errormessage="error"></div>
-<div role="link" aria-multiline></div>
-<div role="list" aria-selected></div>
-<div role="listbox" aria-haspopup></div>
+<div role="link" aria-multiline="true"></div>
+<div role="list" aria-selected="true"></div>
+<div role="listbox" aria-haspopup="true"></div>
 <div role="listitem" aria-activedescendant="id" tabindex="-1"></div>
-<div role="log" aria-required></div>
+<div role="log" aria-required="true"></div>
 <div role="main" aria-sort="none"></div>
 <div role="marquee" aria-autocomplete="inline"></div>
-<div role="math" aria-multiline></div>
-<div role="menu" aria-checked></div>
+<div role="math" aria-multiline="true"></div>
+<div role="menu" aria-checked="true"></div>
 <div role="menubar" aria-errormessage="error"></div>
-<div role="menuitem" aria-checked></div>
-<div role="menuitemcheckbox" aria-pressed aria-checked="false"></div>
+<div role="menuitem" aria-checked="true"></div>
+<div role="menuitemcheckbox" aria-pressed="true" aria-checked="false"></div>
 <div role="menuitemradio" aria-rowspan="0" aria-checked="false"></div>
-<div role="meter" aria-valuenow="0" aria-haspopup></div>
-<div role="navigation" aria-expanded></div>
-<div role="none" aria-placeholder=""></div>
-<div role="note" aria-modal></div>
-<div role="option" aria-selected aria-valuemax="0"></div>
+<div role="meter" aria-valuenow="0" aria-haspopup="true"></div>
+<div role="navigation" aria-expanded="true"></div>
+<div role="none" aria-placeholder="x"></div>
+<div role="note" aria-modal="true"></div>
+<div role="option" aria-selected="true" aria-valuemax="0"></div>
 <div role="paragraph" aria-level="0"></div>
-<div role="presentation" aria-disabled></div>
-<div role="progressbar" aria-expanded></div>
-<div role="radio" aria-checked aria-rowindex="0"></div>
+<div role="presentation" aria-disabled="true"></div>
+<div role="progressbar" aria-expanded="true"></div>
+<div role="radio" aria-checked="true" aria-rowindex="0"></div>
 <div role="radiogroup" aria-valuenow="0"></div>
 <div role="region" aria-rowspan="0"></div>
-<div role="row" aria-required></div>
-<div role="rowgroup" aria-expanded></div>
+<div role="row" aria-required="true"></div>
+<div role="rowgroup" aria-expanded="true"></div>
 <div role="rowheader" aria-activedescendant="id" tabindex="0"></div>
 <div role="scrollbar" aria-controls={[]} aria-valuenow="0" aria-rowspan="0"></div>
 <div role="search" aria-autocomplete="inline"></div>
 <div role="searchbox" aria-colindex="0"></div>
 <div role="separator" aria-sort="none"></div>
-<div role="slider" aria-valuenow="0" aria-placeholder=""></div>
+<div role="slider" aria-valuenow="0" aria-placeholder="x"></div>
 <div role="spinbutton" aria-posinset="0"></div>
 <div role="status" aria-valuemin="0"></div>
 <div role="strong" aria-valuemin="0"></div>
 <div role="subscript" aria-colcount="0"></div>
 <div role="superscript" aria-level="0"></div>
-<div role="switch" aria-checked aria-valuenow="0"></div>
-<div role="tab" aria-required></div>
-<div role="table" aria-modal></div>
+<div role="switch" aria-checked="true" aria-valuenow="0"></div>
+<div role="tab" aria-required="true"></div>
+<div role="table" aria-modal="true"></div>
 <div role="tablist" aria-setsize="0"></div>
-<div role="tabpanel" aria-multiselectable></div>
+<div role="tabpanel" aria-multiselectable="true"></div>
 <div role="term" aria-posinset="0"></div>
 <div role="textbox" aria-colspan="0"></div>
-<div role="time" aria-selected></div>
+<div role="time" aria-selected="true"></div>
 <div role="timer" aria-sort="none"></div>
-<div role="toolbar" aria-valuetext=""></div>
-<div role="tooltip" aria-multiline></div>
-<div role="tree" aria-expanded></div>
+<div role="toolbar" aria-valuetext="x"></div>
+<div role="tooltip" aria-multiline="true"></div>
+<div role="tree" aria-expanded="true"></div>
 <div role="treegrid" aria-level="0"></div>
-<div role="treeitem" aria-selected aria-activedescendant="id" tabindex="-1"></div>
+<div role="treeitem" aria-selected="true" aria-activedescendant="id" tabindex="-1"></div>
 <div role="doc-abstract" aria-colindex="0"></div>
 <div role="doc-acknowledgments" aria-setsize="0"></div>
-<div role="doc-afterword" aria-modal></div>
+<div role="doc-afterword" aria-modal="true"></div>
 <div role="doc-appendix" aria-activedescendant="id" tabindex="-1"></div>
 <div role="doc-backlink" aria-colspan="0"></div>
 <div role="doc-biblioentry" aria-valuemax="0"></div>
 <div role="doc-bibliography" aria-level="0"></div>
-<div role="doc-biblioref" aria-checked></div>
-<div role="doc-chapter" aria-required></div>
+<div role="doc-biblioref" aria-checked="true"></div>
+<div role="doc-chapter" aria-required="true"></div>
 <div role="doc-colophon" aria-setsize="0"></div>
 <div role="doc-conclusion" aria-colindex="0"></div>
-<div role="doc-cover" aria-modal></div>
-<div role="doc-credit" aria-selected></div>
+<div role="doc-cover" aria-modal="true"></div>
+<div role="doc-credit" aria-selected="true"></div>
 <div role="doc-credits" aria-orientation="undefined"></div>
 <div role="doc-dedication" aria-level="0"></div>
-<div role="doc-endnote" aria-checked></div>
+<div role="doc-endnote" aria-checked="true"></div>
 <div role="doc-endnotes" aria-colcount="0"></div>
-<div role="doc-epigraph" aria-multiline></div>
+<div role="doc-epigraph" aria-multiline="true"></div>
 <div role="doc-epilogue" aria-colcount="0"></div>
 <div role="doc-errata" aria-sort="none"></div>
-<div role="doc-example" aria-multiselectable></div>
+<div role="doc-example" aria-multiselectable="true"></div>
 <div role="doc-footnote" aria-rowcount="0"></div>
 <div role="doc-foreword" aria-valuenow="0"></div>
-<div role="doc-glossary" aria-valuetext=""></div>
-<div role="doc-glossref" aria-placeholder=""></div>
+<div role="doc-glossary" aria-valuetext="x"></div>
+<div role="doc-glossref" aria-placeholder="x"></div>
 <div role="doc-index" aria-rowcount="0"></div>
-<div role="doc-introduction" aria-pressed></div>
+<div role="doc-introduction" aria-pressed="true"></div>
 <div role="doc-noteref" aria-valuenow="0"></div>
-<div role="doc-notice" aria-selected></div>
+<div role="doc-notice" aria-selected="true"></div>
 <div role="doc-pagebreak" aria-rowcount="0"></div>
-<div role="doc-pagelist" aria-modal></div>
+<div role="doc-pagelist" aria-modal="true"></div>
 <div role="doc-part" aria-setsize="0"></div>
 <div role="doc-preface" aria-orientation="undefined"></div>
-<div role="doc-prologue" aria-required></div>
+<div role="doc-prologue" aria-required="true"></div>
 <div role="doc-pullquote" aria-rowcount="0"></div>
 <div role="doc-qna" aria-setsize="0"></div>
 <div role="doc-subtitle" aria-rowindex="0"></div>
@@ -164,208 +164,208 @@
 <!-- input and menuitem have different implicit roles based on different type attributes, and thus different valid and invalid props -->
 <!-- INVALID -->
 <input type="text" aria-rowspan="0" /> <!-- implicit role: textbox -->
-<input type="tel" aria-pressed /> <!-- implicit role: textbox -->
+<input type="tel" aria-pressed="true" /> <!-- implicit role: textbox -->
 <input type="url" aria-level="0" /> <!-- implicit role: textbox -->
-<input type="email" aria-pressed /> <!-- implicit role: textbox -->
+<input type="email" aria-pressed="true" /> <!-- implicit role: textbox -->
 <input type="search" aria-valuetext="text" /> <!-- implicit role: searchbox -->
 <input type="text" list={['id']} aria-valuemin="0" /> <!-- implicit role: combobox -->
 <input type="tel" list={['id']} aria-colspan="0" /> <!-- implicit role: combobox -->
 <input type="url" list={['id']} aria-posinset="0" /> <!-- implicit role: combobox -->
-<input type="email" list={['id']} aria-modal /> <!-- implicit role: combobox -->
+<input type="email" list={['id']} aria-modal="true" /> <!-- implicit role: combobox -->
 <input type="search" list={['id']} aria-rowindex="0" /> <!-- implicit role: combobox -->
 <input type="image" alt="some text" aria-valuemax="0" /> <!-- implicit role: button -->
-<input type="reset" aria-modal /> <!-- implicit role: button -->
+<input type="reset" aria-modal="true" /> <!-- implicit role: button -->
 <input type="submit" aria-placeholder="placeholder" /> <!-- implicit role: button -->
 <input type="checkbox" aria-rowindex="0" /> <!-- implicit role: checkbox -->
 <input type="radio" aria-valuetext="text" /> <!-- implicit role: radio -->
-<input type="range" aria-checked /> <!-- implicit role: slider -->
+<input type="range" aria-checked="true" /> <!-- implicit role: slider -->
 <menuitem type="command" aria-colindex="0"></menuitem> <!-- implicit role: menuitem -->
 <menuitem type="checkbox" aria-colcount="0"></menuitem> <!-- implicit role: menuitemcheckbox -->
 <menuitem type="radio" aria-placeholder="placeholder"></menuitem> <!-- implicit role: menuitemradio -->
 
 <!-- VALID -->
-<a aria-keyshortcuts="" href="/">Link</a>
-<area aria-expanded alt="" />
+<a aria-keyshortcuts="x" href="/">Link</a>
+<area aria-expanded="true" alt="" />
 <article aria-dropeffect="none"></article>
-<aside aria-keyshortcuts=""></aside>
+<aside aria-keyshortcuts="x"></aside>
 <body aria-labelledby="id"></body>
-<button aria-hidden></button>
+<button aria-hidden="true"></button>
 <datalist aria-activedescendant="id" tabindex="0"></datalist>
 <dd aria-labelledby="id"></dd>
 <dfn aria-details="id"></dfn>
-<dialog aria-keyshortcuts=""></dialog>
-<details aria-keyshortcuts=""></details>
-<dt aria-hidden></dt>
+<dialog aria-keyshortcuts="x"></dialog>
+<details aria-keyshortcuts="x"></details>
+<dt aria-hidden="true"></dt>
 <fieldset aria-owns="id"></fieldset>
-<form aria-keyshortcuts=""></form>
-<h1 aria-keyshortcuts="">H1</h1>
+<form aria-keyshortcuts="x"></form>
+<h1 aria-keyshortcuts="x">H1</h1>
 <h2 aria-controls={[]}>H2</h2>
 <h3 aria-controls={[]}>H3</h3>
 <h4 aria-details="id">H4</h4>
-<h5 aria-grabbed>H5</h5>
-<h6 aria-grabbed>H6</h6>
+<h5 aria-grabbed="true">H5</h5>
+<h6 aria-grabbed="true">H6</h6>
 <hr aria-relevant="all" />
 <img aria-flowto="id" alt="Valid aria role" />
-<li aria-label=""></li>
-<link aria-hidden />
-<menu aria-roledescription=""></menu>
+<li aria-label="x"></li>
+<link aria-hidden="true" />
+<menu aria-roledescription="x"></menu>
 <meter aria-valuemin="0"></meter>
 <nav aria-labelledby="id"></nav>
-<ol aria-grabbed></ol>
-<option aria-selected></option>
-<optgroup aria-hidden></optgroup>
+<ol aria-grabbed="true"></ol>
+<option aria-selected="true"></option>
+<optgroup aria-hidden="true"></optgroup>
 <output aria-dropeffect="none"></output>
-<progress aria-hidden></progress>
+<progress aria-hidden="true"></progress>
 <section aria-details="id"></section>
 <summary aria-controls={[]}></summary>
 <tbody aria-controls={[]}></tbody>
-<textarea aria-busy></textarea>
+<textarea aria-busy="true"></textarea>
 <tfoot aria-labelledby="id"></tfoot>
 <thead aria-flowto="id"></thead>
 <tr aria-describedby="id"></tr>
 <ul aria-dropeffect="none"></ul>
 
 <div role="alert" aria-owns="id"></div>
-<div role="alertdialog" aria-busy></div>
-<div role="application" aria-invalid></div>
-<div role="article" aria-atomic></div>
-<div role="banner" aria-grabbed></div>
-<div role="blockquote" aria-busy></div>
-<div role="button" aria-busy></div>
-<div role="caption" aria-grabbed></div>
+<div role="alertdialog" aria-busy="true"></div>
+<div role="application" aria-invalid="true"></div>
+<div role="article" aria-atomic="true"></div>
+<div role="banner" aria-grabbed="true"></div>
+<div role="blockquote" aria-busy="true"></div>
+<div role="button" aria-busy="true"></div>
+<div role="caption" aria-grabbed="true"></div>
 <div role="cell" aria-rowindex="0"></div>
-<div role="checkbox" aria-checked aria-details="id"></div>
-<div role="code" aria-keyshortcuts=""></div>
+<div role="checkbox" aria-checked="true" aria-details="id"></div>
+<div role="code" aria-keyshortcuts="x"></div>
 <div role="columnheader" aria-rowspan="0"></div>
-<div role="combobox" aria-invalid aria-controls={[]} aria-expanded></div>
-<div role="complementary" aria-label=""></div>
+<div role="combobox" aria-invalid="true" aria-controls={[]} aria-expanded="true"></div>
+<div role="complementary" aria-label="x"></div>
 <div role="contentinfo" aria-dropeffect="none"></div>
-<div role="definition" aria-grabbed></div>
-<div role="deletion" aria-busy></div>
+<div role="definition" aria-grabbed="true"></div>
+<div role="deletion" aria-busy="true"></div>
 <div role="dialog" aria-flowto="id"></div>
 <div role="directory" aria-controls={[]}></div>
-<div role="document" aria-grabbed></div>
-<div role="emphasis" aria-atomic></div>
-<div role="feed" aria-atomic></div>
-<div role="figure" aria-busy></div>
-<div role="form" aria-roledescription=""></div>
-<div role="generic" aria-current></div>
-<div role="grid" aria-busy></div>
+<div role="document" aria-grabbed="true"></div>
+<div role="emphasis" aria-atomic="true"></div>
+<div role="feed" aria-atomic="true"></div>
+<div role="figure" aria-busy="true"></div>
+<div role="form" aria-roledescription="x"></div>
+<div role="generic" aria-current="true"></div>
+<div role="grid" aria-busy="true"></div>
 <div role="gridcell" aria-relevant="all"></div>
-<div role="group" aria-busy></div>
+<div role="group" aria-busy="true"></div>
 <div role="heading" aria-level="" aria-flowto="id"></div>
-<div role="img" aria-grabbed></div>
-<div role="insertion" aria-roledescription=""></div>
+<div role="img" aria-grabbed="true"></div>
+<div role="insertion" aria-roledescription="x"></div>
 <div role="link" aria-owns="id"></div>
 <div role="list" aria-labelledby="id"></div>
-<div role="listbox" aria-current></div>
+<div role="listbox" aria-current="true"></div>
 <div role="listitem" aria-controls={[]}></div>
 <div role="log" aria-controls={[]}></div>
-<div role="main" aria-keyshortcuts=""></div>
+<div role="main" aria-keyshortcuts="x"></div>
 <div role="marquee" aria-labelledby="id"></div>
 <div role="math" aria-labelledby="id"></div>
-<div role="menu" aria-atomic></div>
-<div role="menubar" aria-grabbed></div>
-<div role="menuitem" aria-grabbed></div>
-<div role="menuitemcheckbox" aria-checked aria-controls={[]}></div>
-<div role="menuitemradio" aria-checked aria-grabbed></div>
-<div role="meter" aria-valuenow="0" aria-valuetext=""></div>
+<div role="menu" aria-atomic="true"></div>
+<div role="menubar" aria-grabbed="true"></div>
+<div role="menuitem" aria-grabbed="true"></div>
+<div role="menuitemcheckbox" aria-checked="true" aria-controls={[]}></div>
+<div role="menuitemradio" aria-checked="true" aria-grabbed="true"></div>
+<div role="meter" aria-valuenow="0" aria-valuetext="x"></div>
 <div role="navigation" aria-controls={[]}></div>
 <div role="none" undefined></div>
-<div role="note" aria-hidden></div>
-<div role="option" aria-selected aria-describedby="id"></div>
-<div role="paragraph" aria-grabbed></div>
+<div role="note" aria-hidden="true"></div>
+<div role="option" aria-selected="true" aria-describedby="id"></div>
+<div role="paragraph" aria-grabbed="true"></div>
 <div role="presentation" aria-relevant="all"></div>
 <div role="progressbar" aria-valuemin="0"></div>
-<div role="radio" aria-checked aria-roledescription=""></div>
-<div role="radiogroup" aria-required></div>
-<div role="region" aria-roledescription=""></div>
+<div role="radio" aria-checked="true" aria-roledescription="x"></div>
+<div role="radiogroup" aria-required="true"></div>
+<div role="region" aria-roledescription="x"></div>
 <div role="row" aria-posinset="0"></div>
-<div role="rowgroup" aria-busy></div>
-<div role="rowheader" aria-label=""></div>
+<div role="rowgroup" aria-busy="true"></div>
+<div role="rowheader" aria-label="x"></div>
 <div role="scrollbar" aria-controls={[]} aria-valuenow="0" aria-relevant="all"></div>
-<div role="search" aria-grabbed></div>
+<div role="search" aria-grabbed="true"></div>
 <div role="searchbox" aria-dropeffect="none"></div>
-<div role="separator" aria-roledescription=""></div>
+<div role="separator" aria-roledescription="x"></div>
 <div role="slider" aria-valuenow="0" aria-relevant="all"></div>
-<div role="spinbutton" aria-required></div>
-<div role="status" aria-label=""></div>
-<div role="strong" aria-keyshortcuts=""></div>
-<div role="subscript" aria-keyshortcuts=""></div>
+<div role="spinbutton" aria-required="true"></div>
+<div role="status" aria-label="x"></div>
+<div role="strong" aria-keyshortcuts="x"></div>
+<div role="subscript" aria-keyshortcuts="x"></div>
 <div role="superscript" aria-live="off"></div>
-<div role="switch" aria-checked aria-roledescription=""></div>
+<div role="switch" aria-checked="true" aria-roledescription="x"></div>
 <div role="tab" aria-flowto="id"></div>
 <div role="table" aria-rowcount="0"></div>
-<div role="tablist" aria-atomic></div>
+<div role="tablist" aria-atomic="true"></div>
 <div role="tabpanel" aria-labelledby="id"></div>
 <div role="term" aria-details="id"></div>
-<div role="textbox" aria-hidden></div>
-<div role="time" aria-label=""></div>
-<div role="timer" aria-hidden></div>
-<div role="toolbar" aria-roledescription=""></div>
+<div role="textbox" aria-hidden="true"></div>
+<div role="time" aria-label="x"></div>
+<div role="timer" aria-hidden="true"></div>
+<div role="toolbar" aria-roledescription="x"></div>
 <div role="tooltip" aria-owns="id"></div>
 <div role="tree" aria-errormessage="error"></div>
 <div role="treegrid" aria-details="id"></div>
 <div role="treeitem" aria-selected="true" aria-dropeffect="none"></div>
-<div role="doc-abstract" aria-label=""></div>
+<div role="doc-abstract" aria-label="x"></div>
 <div role="doc-acknowledgments" aria-controls={[]}></div>
 <div role="doc-afterword" aria-flowto="id"></div>
 <div role="doc-appendix" aria-describedby="id"></div>
 <div role="doc-backlink" aria-dropeffect="none"></div>
-<div role="doc-biblioentry" aria-roledescription=""></div>
+<div role="doc-biblioentry" aria-roledescription="x"></div>
 <div role="doc-bibliography" aria-labelledby="id"></div>
-<div role="doc-biblioref" aria-haspopup></div>
+<div role="doc-biblioref" aria-haspopup="true"></div>
 <div role="doc-chapter" aria-controls={[]}></div>
-<div role="doc-colophon" aria-expanded></div>
+<div role="doc-colophon" aria-expanded="true"></div>
 <div role="doc-conclusion" aria-dropeffect="none"></div>
 <div role="doc-cover" aria-controls={[]}></div>
-<div role="doc-credit" aria-haspopup></div>
+<div role="doc-credit" aria-haspopup="true"></div>
 <div role="doc-credits" aria-describedby="id"></div>
-<div role="doc-dedication" aria-roledescription=""></div>
+<div role="doc-dedication" aria-roledescription="x"></div>
 <div role="doc-endnote" aria-errormessage="error"></div>
 <div role="doc-endnotes" aria-owns="id"></div>
 <div role="doc-epigraph" aria-controls={[]}></div>
 <div role="doc-epilogue" aria-relevant="all"></div>
-<div role="doc-errata" aria-keyshortcuts=""></div>
-<div role="doc-example" aria-invalid></div>
+<div role="doc-errata" aria-keyshortcuts="x"></div>
+<div role="doc-example" aria-invalid="true"></div>
 <div role="doc-footnote" aria-labelledby="id"></div>
-<div role="doc-foreword" aria-expanded></div>
-<div role="doc-glossary" aria-grabbed></div>
-<div role="doc-glossref" aria-haspopup></div>
+<div role="doc-foreword" aria-expanded="true"></div>
+<div role="doc-glossary" aria-grabbed="true"></div>
+<div role="doc-glossref" aria-haspopup="true"></div>
 <div role="doc-index" aria-controls={[]}></div>
 <div role="doc-introduction" aria-labelledby="id"></div>
 <div role="doc-noteref" aria-details="id"></div>
 <div role="doc-notice" aria-owns="id"></div>
 <div role="doc-pagebreak" aria-owns="id"></div>
-<div role="doc-pagelist" aria-disabled></div>
+<div role="doc-pagelist" aria-disabled="true"></div>
 <div role="doc-part" aria-relevant="all"></div>
-<div role="doc-preface" aria-label=""></div>
-<div role="doc-prologue" aria-invalid></div>
+<div role="doc-preface" aria-label="x"></div>
+<div role="doc-prologue" aria-invalid="true"></div>
 <div role="doc-pullquote" undefined></div>
 <div role="doc-qna" aria-errormessage="error"></div>
 <div role="doc-subtitle" aria-errormessage="error"></div>
 <div role="doc-tip" aria-owns="id"></div>
-<div role="doc-toc" aria-expanded></div>
+<div role="doc-toc" aria-expanded="true"></div>
 
 <!-- input and menuitem have different implicit roles based on different type attributes, and thus different valid and invalid props -->
 <!-- VALID -->
 <input type="text" aria-labelledby="id" /> <!-- implicit role: textbox -->
-<input type="tel" aria-readonly /> <!-- implicit role: textbox -->
+<input type="tel" aria-readonly="true" /> <!-- implicit role: textbox -->
 <input type="url" aria-errormessage="id" /> <!-- implicit role: textbox -->
 <input type="email" aria-details="id" /> <!-- implicit role: textbox -->
 <input type="searchbox" aria-owns="id" /> <!-- implicit role: searchbox -->
 <input type="text" list={['id']} aria-keyshortcuts="key" /> <!-- implicit role: combobox -->
-<input type="tel" list={['id']} aria-readonly /> <!-- implicit role: combobox -->
+<input type="tel" list={['id']} aria-readonly="true" /> <!-- implicit role: combobox -->
 <input type="url" list={['id']} aria-label="label" /> <!-- implicit role: combobox -->
 <input type="email" list={['id']} aria-activedescendant="id" /> <!-- implicit role: combobox -->
 <input type="search" list={['id']} aria-dropeffect="none" /> <!-- implicit role: combobox -->
-<input type="image" alt="some text" aria-pressed /> <!-- implicit role: button -->
-<input type="reset" aria-expanded /> <!-- implicit role: button -->
-<input type="submit" aria-disabled /> <!-- implicit role: button -->
+<input type="image" alt="some text" aria-pressed="true" /> <!-- implicit role: button -->
+<input type="reset" aria-expanded="true" /> <!-- implicit role: button -->
+<input type="submit" aria-disabled="true" /> <!-- implicit role: button -->
 <input type="checkbox" aria-controls="id" /> <!-- implicit role: checkbox -->
-<input type="radio" aria-atomic /> <!-- implicit role: radio -->
-<input type="range" aria-hidden /> <!-- implicit role: slider -->
+<input type="radio" aria-atomic="true" /> <!-- implicit role: radio -->
+<input type="range" aria-hidden="true" /> <!-- implicit role: slider -->
 <menuitem type="command" aria-live="off"></menuitem> <!-- implicit role: menuitem -->
 <menuitem type="checkbox" aria-relevant="all"></menuitem> <!-- implicit role: menuitemcheckbox -->
-<menuitem type="radio" aria-required></menuitem> <!-- implicit role: menuitemradio -->
+<menuitem type="radio" aria-required="true"></menuitem> <!-- implicit role: menuitemradio -->
 

packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/warnings.json

@@ -14,7 +14,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 18,
+			"column": 25,
 			"line": 3
 		},
 		"message": "The attribute 'aria-pressed' is not supported by the role 'link'. This role is implicit on the element `<area>`",
@@ -38,7 +38,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 17,
+			"column": 24,
 			"line": 5
 		},
 		"message": "The attribute 'aria-modal' is not supported by the role 'complementary'. This role is implicit on the element `<aside>`",
@@ -50,7 +50,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 18,
+			"column": 25,
 			"line": 6
 		},
 		"message": "The attribute 'aria-invalid' is not supported by the role 'document'. This role is implicit on the element `<body>`",
@@ -158,7 +158,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 19,
+			"column": 26,
 			"line": 15
 		},
 		"message": "The attribute 'aria-disabled' is not supported by the role 'form'. This role is implicit on the element `<form>`",
@@ -170,7 +170,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 17,
+			"column": 24,
 			"line": 16
 		},
 		"message": "The attribute 'aria-selected' is not supported by the role 'heading'. This role is implicit on the element `<h1>`",
@@ -182,7 +182,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 17,
+			"column": 24,
 			"line": 17
 		},
 		"message": "The attribute 'aria-selected' is not supported by the role 'heading'. This role is implicit on the element `<h2>`",
@@ -194,7 +194,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 17,
+			"column": 24,
 			"line": 18
 		},
 		"message": "The attribute 'aria-expanded' is not supported by the role 'heading'. This role is implicit on the element `<h3>`",
@@ -218,7 +218,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 17,
+			"column": 24,
 			"line": 20
 		},
 		"message": "The attribute 'aria-readonly' is not supported by the role 'heading'. This role is implicit on the element `<h5>`",
@@ -242,7 +242,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 17,
+			"column": 24,
 			"line": 22
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'separator'. This role is implicit on the element `<hr>`",
@@ -266,7 +266,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 17,
+			"column": 24,
 			"line": 24
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'listitem'. This role is implicit on the element `<li>`",
@@ -314,7 +314,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 22,
+			"column": 23,
 			"line": 28
 		},
 		"message": "The attribute 'aria-valuetext' is not supported by the role 'navigation'. This role is implicit on the element `<nav>`",
@@ -338,7 +338,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 20,
+			"column": 27,
 			"line": 30
 		},
 		"message": "The attribute 'aria-invalid' is not supported by the role 'option'. This role is implicit on the element `<option>`",
@@ -362,7 +362,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 22,
+			"column": 29,
 			"line": 32
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'status'. This role is implicit on the element `<output>`",
@@ -386,7 +386,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 21,
+			"column": 28,
 			"line": 34
 		},
 		"message": "The attribute 'aria-invalid' is not supported by the role 'region'. This role is implicit on the element `<section>`",
@@ -434,7 +434,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 20,
+			"column": 27,
 			"line": 38
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'rowgroup'. This role is implicit on the element `<tfoot>`",
@@ -458,7 +458,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 16,
+			"column": 23,
 			"line": 40
 		},
 		"message": "The attribute 'aria-pressed' is not supported by the role 'row'. This role is implicit on the element `<tr>`",
@@ -470,7 +470,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 24,
+			"column": 31,
 			"line": 41
 		},
 		"message": "The attribute 'aria-multiselectable' is not supported by the role 'list'. This role is implicit on the element `<ul>`",
@@ -506,7 +506,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 37,
+			"column": 44,
 			"line": 45
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'application'",
@@ -518,7 +518,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 34,
+			"column": 41,
 			"line": 46
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'article'",
@@ -542,7 +542,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 40,
+			"column": 41,
 			"line": 48
 		},
 		"message": "The attribute 'aria-valuetext' is not supported by the role 'blockquote'",
@@ -578,7 +578,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 31,
+			"column": 38,
 			"line": 51
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'cell'",
@@ -590,7 +590,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 35,
+			"column": 42,
 			"line": 52
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'checkbox'",
@@ -602,7 +602,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 29,
+			"column": 36,
 			"line": 53
 		},
 		"message": "The attribute 'aria-invalid' is not supported by the role 'code'",
@@ -626,7 +626,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 41,
+			"column": 48,
 			"line": 55
 		},
 		"message": "The attribute 'aria-multiselectable' is not supported by the role 'combobox'",
@@ -638,7 +638,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 39,
+			"column": 46,
 			"line": 56
 		},
 		"message": "The attribute 'aria-readonly' is not supported by the role 'complementary'",
@@ -650,7 +650,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 41,
+			"column": 42,
 			"line": 57
 		},
 		"message": "The attribute 'aria-valuetext' is not supported by the role 'contentinfo'",
@@ -662,7 +662,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 37,
+			"column": 44,
 			"line": 58
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'definition'",
@@ -674,7 +674,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 34,
+			"column": 41,
 			"line": 59
 		},
 		"message": "The attribute 'aria-expanded' is not supported by the role 'deletion'",
@@ -686,7 +686,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 33,
+			"column": 40,
 			"line": 60
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'dialog'",
@@ -758,7 +758,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 30,
+			"column": 37,
 			"line": 66
 		},
 		"message": "The attribute 'aria-readonly' is not supported by the role 'form'",
@@ -782,7 +782,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 29,
+			"column": 36,
 			"line": 68
 		},
 		"message": "The attribute 'aria-checked' is not supported by the role 'grid'",
@@ -842,7 +842,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 31,
+			"column": 38,
 			"line": 73
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'link'",
@@ -854,7 +854,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 30,
+			"column": 37,
 			"line": 74
 		},
 		"message": "The attribute 'aria-selected' is not supported by the role 'list'",
@@ -866,7 +866,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 33,
+			"column": 40,
 			"line": 75
 		},
 		"message": "The attribute 'aria-haspopup' is not supported by the role 'listbox'",
@@ -890,7 +890,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 29,
+			"column": 36,
 			"line": 77
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'log'",
@@ -926,7 +926,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 31,
+			"column": 38,
 			"line": 80
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'math'",
@@ -938,7 +938,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 29,
+			"column": 36,
 			"line": 81
 		},
 		"message": "The attribute 'aria-checked' is not supported by the role 'menu'",
@@ -962,7 +962,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 33,
+			"column": 40,
 			"line": 83
 		},
 		"message": "The attribute 'aria-checked' is not supported by the role 'menuitem'",
@@ -974,7 +974,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 41,
+			"column": 48,
 			"line": 84
 		},
 		"message": "The attribute 'aria-pressed' is not supported by the role 'menuitemcheckbox'",
@@ -998,7 +998,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 49,
+			"column": 56,
 			"line": 86
 		},
 		"message": "The attribute 'aria-haspopup' is not supported by the role 'meter'",
@@ -1010,7 +1010,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 36,
+			"column": 43,
 			"line": 87
 		},
 		"message": "The attribute 'aria-expanded' is not supported by the role 'navigation'",
@@ -1022,7 +1022,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 36,
+			"column": 37,
 			"line": 88
 		},
 		"message": "The attribute 'aria-placeholder' is not supported by the role 'none'",
@@ -1034,7 +1034,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 27,
+			"column": 34,
 			"line": 89
 		},
 		"message": "The attribute 'aria-modal' is not supported by the role 'note'",
@@ -1046,12 +1046,12 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 50,
+			"column": 57,
 			"line": 90
 		},
 		"message": "The attribute 'aria-valuemax' is not supported by the role 'option'",
 		"start": {
-			"column": 33,
+			"column": 40,
 			"line": 90
 		}
 	},
@@ -1070,7 +1070,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 38,
+			"column": 45,
 			"line": 92
 		},
 		"message": "The attribute 'aria-disabled' is not supported by the role 'presentation'",
@@ -1082,7 +1082,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 37,
+			"column": 44,
 			"line": 93
 		},
 		"message": "The attribute 'aria-expanded' is not supported by the role 'progressbar'",
@@ -1094,12 +1094,12 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 48,
+			"column": 55,
 			"line": 94
 		},
 		"message": "The attribute 'aria-rowindex' is not supported by the role 'radio'",
 		"start": {
-			"column": 31,
+			"column": 38,
 			"line": 94
 		}
 	},
@@ -1130,7 +1130,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 29,
+			"column": 36,
 			"line": 97
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'row'",
@@ -1142,7 +1142,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 34,
+			"column": 41,
 			"line": 98
 		},
 		"message": "The attribute 'aria-expanded' is not supported by the role 'rowgroup'",
@@ -1214,7 +1214,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 56,
+			"column": 57,
 			"line": 104
 		},
 		"message": "The attribute 'aria-placeholder' is not supported by the role 'slider'",
@@ -1286,19 +1286,19 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 49,
+			"column": 56,
 			"line": 110
 		},
 		"message": "The attribute 'aria-valuenow' is not supported by the role 'switch'",
 		"start": {
-			"column": 32,
+			"column": 39,
 			"line": 110
 		}
 	},
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 29,
+			"column": 36,
 			"line": 111
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'tab'",
@@ -1310,7 +1310,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 28,
+			"column": 35,
 			"line": 112
 		},
 		"message": "The attribute 'aria-modal' is not supported by the role 'table'",
@@ -1334,7 +1334,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 41,
+			"column": 48,
 			"line": 114
 		},
 		"message": "The attribute 'aria-multiselectable' is not supported by the role 'tabpanel'",
@@ -1370,7 +1370,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 30,
+			"column": 37,
 			"line": 117
 		},
 		"message": "The attribute 'aria-selected' is not supported by the role 'time'",
@@ -1394,7 +1394,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 37,
+			"column": 38,
 			"line": 119
 		},
 		"message": "The attribute 'aria-valuetext' is not supported by the role 'toolbar'",
@@ -1406,7 +1406,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 34,
+			"column": 41,
 			"line": 120
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'tooltip'",
@@ -1418,7 +1418,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 30,
+			"column": 37,
 			"line": 121
 		},
 		"message": "The attribute 'aria-expanded' is not supported by the role 'tree'",
@@ -1442,12 +1442,12 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 61,
+			"column": 68,
 			"line": 123
 		},
 		"message": "The attribute 'aria-activedescendant' is not supported by the role 'treeitem'",
 		"start": {
-			"column": 35,
+			"column": 42,
 			"line": 123
 		}
 	},
@@ -1478,7 +1478,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 36,
+			"column": 43,
 			"line": 126
 		},
 		"message": "The attribute 'aria-modal' is not supported by the role 'doc-afterword'",
@@ -1538,7 +1538,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 38,
+			"column": 45,
 			"line": 131
 		},
 		"message": "The attribute 'aria-checked' is not supported by the role 'doc-biblioref'",
@@ -1550,7 +1550,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 37,
+			"column": 44,
 			"line": 132
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'doc-chapter'",
@@ -1586,7 +1586,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 32,
+			"column": 39,
 			"line": 135
 		},
 		"message": "The attribute 'aria-modal' is not supported by the role 'doc-cover'",
@@ -1598,7 +1598,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 36,
+			"column": 43,
 			"line": 136
 		},
 		"message": "The attribute 'aria-selected' is not supported by the role 'doc-credit'",
@@ -1634,7 +1634,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 36,
+			"column": 43,
 			"line": 139
 		},
 		"message": "The attribute 'aria-checked' is not supported by the role 'doc-endnote'",
@@ -1658,7 +1658,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 39,
+			"column": 46,
 			"line": 141
 		},
 		"message": "The attribute 'aria-multiline' is not supported by the role 'doc-epigraph'",
@@ -1694,7 +1694,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 44,
+			"column": 51,
 			"line": 144
 		},
 		"message": "The attribute 'aria-multiselectable' is not supported by the role 'doc-example'",
@@ -1730,7 +1730,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 42,
+			"column": 43,
 			"line": 147
 		},
 		"message": "The attribute 'aria-valuetext' is not supported by the role 'doc-glossary'",
@@ -1742,7 +1742,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 44,
+			"column": 45,
 			"line": 148
 		},
 		"message": "The attribute 'aria-placeholder' is not supported by the role 'doc-glossref'",
@@ -1766,7 +1766,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 41,
+			"column": 48,
 			"line": 150
 		},
 		"message": "The attribute 'aria-pressed' is not supported by the role 'doc-introduction'",
@@ -1790,7 +1790,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 36,
+			"column": 43,
 			"line": 152
 		},
 		"message": "The attribute 'aria-selected' is not supported by the role 'doc-notice'",
@@ -1814,7 +1814,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 35,
+			"column": 42,
 			"line": 154
 		},
 		"message": "The attribute 'aria-modal' is not supported by the role 'doc-pagelist'",
@@ -1850,7 +1850,7 @@
 	{
 		"code": "a11y_role_supports_aria_props",
 		"end": {
-			"column": 38,
+			"column": 45,
 			"line": 157
 		},
 		"message": "The attribute 'aria-required' is not supported by the role 'doc-prologue'",
@@ -1934,7 +1934,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 30,
+			"column": 37,
 			"line": 167
 		},
 		"message": "The attribute 'aria-pressed' is not supported by the role 'textbox'. This role is implicit on the element `<input>`",
@@ -1958,7 +1958,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 32,
+			"column": 39,
 			"line": 169
 		},
 		"message": "The attribute 'aria-pressed' is not supported by the role 'textbox'. This role is implicit on the element `<input>`",
@@ -2018,7 +2018,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 44,
+			"column": 51,
 			"line": 174
 		},
 		"message": "The attribute 'aria-modal' is not supported by the role 'combobox'. This role is implicit on the element `<input>`",
@@ -2054,7 +2054,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 30,
+			"column": 37,
 			"line": 177
 		},
 		"message": "The attribute 'aria-modal' is not supported by the role 'button'. This role is implicit on the element `<input>`",
@@ -2102,7 +2102,7 @@
 	{
 		"code": "a11y_role_supports_aria_props_implicit",
 		"end": {
-			"column": 32,
+			"column": 39,
 			"line": 181
 		},
 		"message": "The attribute 'aria-checked' is not supported by the role 'slider'. This role is implicit on the element `<input>`",
@@ -2146,5 +2146,17 @@
 			"column": 23,
 			"line": 184
 		}
+	},
+	{
+		"code": "a11y_incorrect_aria_attribute_type_integer",
+		"end": {
+			"column": 33,
+			"line": 256
+		},
+		"message": "The value of 'aria-level' must be an integer",
+		"start": {
+			"column": 20,
+			"line": 256
+		}
 	}
 ]