From 42ce8d74e1ff3f519ebb46005728cbda0db508d8 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 18 Apr 2024 09:13:53 -0400
Subject: [PATCH] breaking: warn on self-closing non-void HTML tags (#11114)

* warn on self-closing non-void HTML tags

* fix tests

* changeset

* account for foreign namespace
---
 .changeset/nine-cooks-join.md                 |   5 +
 .../compiler/phases/2-analyze/validation.js   |  22 +-
 packages/svelte/src/compiler/warnings.js      |   9 +-
 .../component-slot-nested-error-2/main.svelte |   2 +-
 .../component-slot-nested-error-3/main.svelte |   2 +-
 .../component-slot-nested-error/main.svelte   |   2 +-
 .../input.svelte                              |  16 +-
 .../input.svelte                              |  10 +-
 .../input.svelte                              |   8 +-
 .../input.svelte                              |  28 +-
 .../input.svelte                              |   8 +-
 .../input.svelte                              |  32 +-
 .../input.svelte                              |  12 +-
 .../input.svelte                              |   8 +-
 .../input.svelte                              |   8 +-
 .../input.svelte                              |  10 +-
 .../input.svelte                              |  12 +-
 .../input.svelte                              |   8 +-
 .../general-siblings-combinator/input.svelte  |   6 +-
 .../input.svelte                              |   4 +-
 .../global-with-child-combinator/input.svelte |   4 +-
 .../quote-mark-inside-string/input.svelte     |   2 +-
 .../input.svelte                              |  16 +-
 .../siblings-combinator-await/input.svelte    |  10 +-
 .../siblings-combinator-each-2/input.svelte   |   8 +-
 .../input.svelte                              |  26 +-
 .../input.svelte                              |   8 +-
 .../input.svelte                              |  32 +-
 .../siblings-combinator-each/input.svelte     |  12 +-
 .../siblings-combinator-global/input.svelte   |   4 +-
 .../input.svelte                              |   8 +-
 .../input.svelte                              |   8 +-
 .../siblings-combinator-if/input.svelte       |  10 +-
 .../siblings-combinator-slot/input.svelte     |  10 +-
 .../siblings-combinator-star/input.svelte     |   8 +-
 .../samples/siblings-combinator/input.svelte  |   6 +-
 .../samples/attribute-shorthand/input.svelte  |   2 +-
 .../samples/attribute-shorthand/output.json   |   4 +-
 .../escaped-css/main.svelte                   |   2 +-
 .../ondestroy/main.svelte                     |   2 +-
 .../custom-elements-samples/props/main.svelte |   2 +-
 .../reflect-attributes/main.svelte            |   2 +-
 .../main.svelte                               |   2 +-
 .../samples/head-script/main.svelte           |   2 +-
 .../main.svelte                               |   2 +-
 .../main.svelte                               |   2 +-
 .../samples/action-body/main.svelte           |   4 +-
 .../samples/action-document/main.svelte       |   2 +-
 .../attribute-boolean-hidden/_config.js       |   4 +-
 .../attribute-boolean-hidden/main.svelte      |   2 +-
 .../main.svelte                               |   2 +-
 .../samples/attribute-microdata/main.svelte   |   2 +-
 .../main.svelte                               |   2 +-
 .../main.svelte                               |   4 +-
 .../main.svelte                               |   2 +-
 .../component-binding-onMount/main.svelte     |   2 +-
 .../component-events-nullish/Widget.svelte    |   2 +-
 .../component-events-this/Inner.svelte        |   2 +-
 .../component-slot-let-in-slot-2/main.svelte  |   2 +-
 .../main.svelte                               |   2 +-
 .../deconflict-contextual-action/main.svelte  |   4 +-
 .../document-binding-fullscreen/main.svelte   |   2 +-
 .../Component.svelte                          |   2 +-
 .../_config.js                                |   2 +-
 .../main.svelte                               |   2 +-
 .../main.svelte                               |   2 +-
 .../main.svelte                               |   2 +-
 .../main.svelte                               |   2 +-
 .../main.svelte                               |   2 +-
 .../inline-style-directive-escape/main.svelte |   2 +-
 .../main.svelte                               |   4 +-
 .../main.svelte                               |   2 +-
 .../inline-style-directive-spread/main.svelte |   2 +-
 .../main.svelte                               |   2 +-
 .../inline-style-directive-string/main.svelte |   2 +-
 .../main.svelte                               |   2 +-
 .../inline-style-directive/main.svelte        |   2 +-
 .../samples/key-block-3/main.svelte           |   4 +-
 .../rest-props-without-props/App.svelte       |   2 +-
 .../samples/rest-props/App.svelte             |   4 +-
 .../main.svelte                               |   2 +-
 .../samples/target-dom/main.svelte            |   2 +-
 .../samples/target-shadow-dom/main.svelte     |   2 +-
 .../this-in-function-expressions/main.svelte  |   4 +-
 .../main.svelte                               |   8 +-
 .../Component.svelte                          |   6 +-
 .../Component.svelte                          |   4 +-
 .../main.svelte                               |   2 +-
 .../samples/attribute-parts/main.svelte       |   2 +-
 .../directives-with-member-access/main.svelte |  10 +-
 .../attribute-spread-with-null/main.svelte    |   2 +-
 .../a11y-aria-activedescendant/input.svelte   |   8 +-
 .../a11y-aria-proptypes-boolean/input.svelte  |   8 +-
 .../a11y-aria-proptypes-integer/input.svelte  |  14 +-
 .../a11y-aria-proptypes-number/input.svelte   |  14 +-
 .../a11y-aria-proptypes-string/input.svelte   |  10 +-
 .../a11y-aria-proptypes-token/input.svelte    |  12 +-
 .../input.svelte                              |  14 +-
 .../a11y-aria-proptypes-tristate/input.svelte |   8 +-
 .../input.svelte                              |  54 +-
 .../warnings.json                             |  16 +-
 .../input.svelte                              |  56 +-
 .../warnings.json                             |  46 +-
 .../input.svelte                              |  12 +-
 .../warnings.json                             |   8 +-
 .../a11y-no-abstract-roles/input.svelte       |  24 +-
 .../a11y-no-distracting-elements/input.svelte |   4 +-
 .../warnings.json                             |   4 +-
 .../input.svelte                              | 208 +++---
 .../warnings.json                             |  44 +-
 .../input.svelte                              |  14 +-
 .../warnings.json                             |   6 +-
 .../input.svelte                              | 176 ++---
 .../warnings.json                             | 490 +++++++++++---
 .../input.svelte                              |  26 +-
 .../warnings.json                             |   8 +-
 .../a11y-no-redundant-roles/input.svelte      |  60 +-
 .../input.svelte                              |  12 +-
 .../warnings.json                             |   2 +-
 .../input.svelte                              | 610 +++++++++---------
 .../validator/samples/a11y-scope/input.svelte |   4 +-
 .../a11y-tabindex-no-positive/input.svelte    |   8 +-
 .../animation-each-with-const/input.svelte    |   2 +-
 .../input.svelte                              |   2 +-
 .../component-name-lowercase/input.svelte     |   6 +-
 .../component-name-lowercase/warnings.json    |   2 +-
 .../input.svelte                              |   4 +-
 .../input.svelte                              |   6 +-
 .../samples/const-tag-readonly-1/input.svelte |   4 +-
 .../input.svelte                              |   2 +-
 .../css-mismatched-quotes/input.svelte        |   2 +-
 .../html-block-in-attribute/input.svelte      |   2 +-
 .../illegal-attribute-character/input.svelte  |  10 +-
 .../invalid-self-closing-tag/input.svelte     |   7 +
 .../invalid-self-closing-tag/warnings.json    |  26 +
 .../logic-block-in-attribute/input.svelte     |   2 +-
 packages/svelte/tests/validator/test.ts       |   2 +-
 137 files changed, 1475 insertions(+), 1116 deletions(-)
 create mode 100644 .changeset/nine-cooks-join.md
 create mode 100644 packages/svelte/tests/validator/samples/invalid-self-closing-tag/input.svelte
 create mode 100644 packages/svelte/tests/validator/samples/invalid-self-closing-tag/warnings.json

diff --git a/.changeset/nine-cooks-join.md b/.changeset/nine-cooks-join.md
new file mode 100644
index 0000000000..c2cc16965a
--- /dev/null
+++ b/.changeset/nine-cooks-join.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+breaking: warn on self-closing non-void HTML tags
diff --git a/packages/svelte/src/compiler/phases/2-analyze/validation.js b/packages/svelte/src/compiler/phases/2-analyze/validation.js
index d86b1cb7fd..0f6f1bf6dd 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/validation.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/validation.js
@@ -15,7 +15,12 @@ import {
 import { warn } from '../../warnings.js';
 import fuzzymatch from '../1-parse/utils/fuzzymatch.js';
 import { binding_properties } from '../bindings.js';
-import { ContentEditableBindings, EventModifiers, SVGElements } from '../constants.js';
+import {
+	ContentEditableBindings,
+	EventModifiers,
+	SVGElements,
+	VoidElements
+} from '../constants.js';
 import { is_custom_element_node } from '../nodes.js';
 import {
 	regex_illegal_attribute_character,
@@ -572,6 +577,21 @@ const validation = {
 			}
 		}
 
+		if (
+			context.state.analysis.source[node.end - 2] === '/' &&
+			context.state.options.namespace !== 'foreign' &&
+			!VoidElements.includes(node.name) &&
+			!SVGElements.includes(node.name)
+		) {
+			warn(
+				context.state.analysis.warnings,
+				node,
+				context.path,
+				'invalid-self-closing-tag',
+				node.name
+			);
+		}
+
 		context.next({
 			...context.state,
 			parent_element: node.name
diff --git a/packages/svelte/src/compiler/warnings.js b/packages/svelte/src/compiler/warnings.js
index 26bcf1ecdd..fc5897aa93 100644
--- a/packages/svelte/src/compiler/warnings.js
+++ b/packages/svelte/src/compiler/warnings.js
@@ -250,6 +250,12 @@ const options = {
 		"The 'customElement' option is used when generating a custom element. Did you forget the 'customElement: true' compile option?"
 };
 
+const misc = {
+	/** @param {string} name */
+	'invalid-self-closing-tag': (name) =>
+		`Self-closing HTML tags for non-void elements are ambiguous — use <${name} ...></${name}> rather than <${name} ... />`
+};
+
 /** @satisfies {Warnings} */
 const warnings = {
 	...css,
@@ -261,7 +267,8 @@ const warnings = {
 	...components,
 	...legacy,
 	...block,
-	...options
+	...options,
+	...misc
 };
 
 /** @typedef {typeof warnings} AllWarnings */
diff --git a/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error-2/main.svelte b/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error-2/main.svelte
index f0ba192c4f..7143fdda50 100644
--- a/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error-2/main.svelte
+++ b/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error-2/main.svelte
@@ -5,7 +5,7 @@
 <Nested>
   <div slot="slot1">
     <div>
-      <div slot="slot2" />
+      <div slot="slot2"></div>
     </div>
   </div>
 </Nested>
diff --git a/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error-3/main.svelte b/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error-3/main.svelte
index 3031292d04..c36659274c 100644
--- a/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error-3/main.svelte
+++ b/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error-3/main.svelte
@@ -5,7 +5,7 @@
 <Nested>
   <div>
     <div>
-      <div slot="slot2" />
+      <div slot="slot2"></div>
     </div>
   </div>
 </Nested>
diff --git a/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error/main.svelte b/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error/main.svelte
index 5f251ea625..b0ecfcf31e 100644
--- a/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error/main.svelte
+++ b/packages/svelte/tests/compiler-errors/samples/component-slot-nested-error/main.svelte
@@ -4,6 +4,6 @@
 
 <Nested>
 	<div slot="slot1">
-		<div slot="slot2" />
+		<div slot="slot2"></div>
 	</div>
 </Nested>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-await-not-exhaustive/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-await-not-exhaustive/input.svelte
index fadfc914ed..a3e4230161 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-await-not-exhaustive/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-await-not-exhaustive/input.svelte
@@ -18,24 +18,24 @@
 	.c ~ .g { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#await promise then value}
-	<div class="b" />
+	<div class="b"></div>
 {:catch error}
-	<div class="c" />
+	<div class="c"></div>
 {/await}
 
 {#await promise}
-	<div class="d" />
+	<div class="d"></div>
 {:catch error}
-	<div class="e" />
+	<div class="e"></div>
 {/await}
 
 {#await promise}
-	<div class="f" />
+	<div class="f"></div>
 {:then error}
-	<div class="g" />
+	<div class="g"></div>
 {/await}
 
-<div class="h" />
+<div class="h"></div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-await/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-await/input.svelte
index 8aeadab170..11bd358c01 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-await/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-await/input.svelte
@@ -17,14 +17,14 @@
 	.b ~ .d { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#await promise}
-	<div class="b" />
+	<div class="b"></div>
 {:then value}
-	<div class="c" />
+	<div class="c"></div>
 {:catch error}
-	<div class="d" />
+	<div class="d"></div>
 {/await}
 
-<div class="e" />
\ No newline at end of file
+<div class="e"></div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-each-2/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-each-2/input.svelte
index 5bbdbdef66..b719ce4077 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-each-2/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-each-2/input.svelte
@@ -27,11 +27,11 @@
 	}
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#each array as item}
-	<div class="b" />
-	<div class="c" />
+	<div class="b"></div>
+	<div class="c"></div>
 {/each}
 
-<div class="d" />
\ No newline at end of file
+<div class="d"></div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-each-else-nested/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-each-else-nested/input.svelte
index 63a1123708..3030f3e9ab 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-each-else-nested/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-each-else-nested/input.svelte
@@ -35,43 +35,43 @@
 	.e ~ .f { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#each array as a}
-	<div class="b" />
+	<div class="b"></div>
 	{#each array as b}
-		<div class="c" />
+		<div class="c"></div>
 	{:else}
-		<div class="d" />
+		<div class="d"></div>
 	{/each}
 {/each}
 
 {#each array as c}
 	{#each array as d}
-		<div class="e" />
+		<div class="e"></div>
 	{/each}
 {:else}
-	<div class="f" />
+	<div class="f"></div>
 {/each}
 
 {#each array as x}
-	<div class="g" />
+	<div class="g"></div>
 	{#each array as y}
 		{#each array as z}
-			<div class="h" />
+			<div class="h"></div>
 		{/each}
 	{:else}
-		<div class="i" />
+		<div class="i"></div>
 	{/each}
-	<div class="j" />
+	<div class="j"></div>
 {/each}
 
-<div class="k" />
+<div class="k"></div>
 
 {#each array as item}
 	{#each array as item}
-		<div class="l" />
+		<div class="l"></div>
 	{:else}
-		<div class="m" />
+		<div class="m"></div>
 	{/each}
-{/each}
\ No newline at end of file
+{/each}
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-each-else/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-each-else/input.svelte
index d2916b263d..04e0d64468 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-each-else/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-each-else/input.svelte
@@ -13,12 +13,12 @@
 	.b ~ .c { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#each array as item}
-	<div class="b" />
+	<div class="b"></div>
 {:else}
-	<div class="c" />
+	<div class="c"></div>
 {/each}
 
-<div class="d" />
+<div class="d"></div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-each-nested/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-each-nested/input.svelte
index b7c7377015..014b9ab83f 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-each-nested/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-each-nested/input.svelte
@@ -65,39 +65,39 @@
 	.g ~ .i { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#each array as item}
-	<div class="b" />
-	<div class="c" />
+	<div class="b"></div>
+	<div class="c"></div>
 {/each}
 
 {#each array as item}
 	{#each array as item}
 		{#each array as item}
-			<div class="d" />
+			<div class="d"></div>
 		{/each}
-		<div class="e" />
+		<div class="e"></div>
 	{/each}
-	<div class="f" />
+	<div class="f"></div>
 {/each}
 
 {#each array as item}
-	<div class="g" />
+	<div class="g"></div>
 	{#each array as item}
-		<div class="h" />
+		<div class="h"></div>
 		{#each array as item}
-			<div class="i" />
+			<div class="i"></div>
 		{/each}
 	{/each}
 {/each}
 
 {#each array as item}
-	<div class="j" />
+	<div class="j"></div>
 	{#each array as item}
-		<div class="k" />
+		<div class="k"></div>
 		{#each array as item}
-			<div class="l" />
+			<div class="l"></div>
 		{/each}
 	{/each}
 {/each}
@@ -105,9 +105,9 @@
 {#each array as item}
 	{#each array as item}
 		{#each array as item}
-			<div class="m" />
+			<div class="m"></div>
 		{/each}
-		<div class="n" />
+		<div class="n"></div>
 	{/each}
-	<div class="o" />
-{/each}
\ No newline at end of file
+	<div class="o"></div>
+{/each}
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-each/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-each/input.svelte
index ce65da109d..9b4925e08c 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-each/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-each/input.svelte
@@ -8,13 +8,13 @@
 	}
 </style>
 
-<div />
+<div></div>
 
 {#each array as item}
-	<span class="each" />
-	<div class="each" />
-	<span class="each" />
-	<div class="each" />
+	<span class="each"></span>
+	<div class="each"></div>
+	<span class="each"></span>
+	<div class="each"></div>
 {/each}
 
-<span />
\ No newline at end of file
+<span></span>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-if-not-exhaustive-with-each/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-if-not-exhaustive-with-each/input.svelte
index 68a6825b82..1f86b2bbf6 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-if-not-exhaustive-with-each/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-if-not-exhaustive-with-each/input.svelte
@@ -18,14 +18,14 @@
 	.b ~ .c { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#if foo}
-	<div class="b" />
+	<div class="b"></div>
 {:else}
 	{#each array as item}
-		<div class="c" />
+		<div class="c"></div>
 	{/each}
 {/if}
 
-<div class="d" />
+<div class="d"></div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-if-not-exhaustive/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-if-not-exhaustive/input.svelte
index e5703a09fd..50de4745b6 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-if-not-exhaustive/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-if-not-exhaustive/input.svelte
@@ -14,12 +14,12 @@
 	.b ~ .c { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#if foo}
-	<div class="b" />
+	<div class="b"></div>
 {:else if bar}
-	<div class="c" />
+	<div class="c"></div>
 {/if}
 
-<div class="d" />
+<div class="d"></div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-if/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-if/input.svelte
index fca5499f2e..d89c9de741 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-if/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-if/input.svelte
@@ -18,14 +18,14 @@
 	.c ~ .d { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#if foo}
-	<div class="b" />
+	<div class="b"></div>
 {:else if bar}
-	<div class="c" />
+	<div class="c"></div>
 {:else}
-	<div class="d" />
+	<div class="d"></div>
 {/if}
 
-<div class="e" />
\ No newline at end of file
+<div class="e"></div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-slot/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-slot/input.svelte
index 93b2cd73a7..afb3b5226c 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-slot/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-slot/input.svelte
@@ -15,16 +15,16 @@
 	.b ~ .g { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 <App>
-	<div class="b" slot="a" />
+	<div class="b" slot="a"></div>
 
 	<div class="c" slot="b">
-		<div class="d" />
-		<div class="e" />
+		<div class="d"></div>
+		<div class="e"></div>
 	</div>
 
-	<div class="f" slot="c" />
+	<div class="f" slot="c"></div>
 </App>
 
-<div class="g" />
+<div class="g"></div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator-star/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator-star/input.svelte
index a069685d4f..39698972ea 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator-star/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator-star/input.svelte
@@ -8,10 +8,10 @@
 </style>
 
 <div class="not-match">
-	<div />
+	<div></div>
 </div>
 
 <div class="match">
-	<div />
-	<div />
-</div>
\ No newline at end of file
+	<div></div>
+	<div></div>
+</div>
diff --git a/packages/svelte/tests/css/samples/general-siblings-combinator/input.svelte b/packages/svelte/tests/css/samples/general-siblings-combinator/input.svelte
index 533702a3a3..c526151ce2 100644
--- a/packages/svelte/tests/css/samples/general-siblings-combinator/input.svelte
+++ b/packages/svelte/tests/css/samples/general-siblings-combinator/input.svelte
@@ -16,9 +16,9 @@
 </style>
 
 <div class="a">
-	<span />
-	<b />
+	<span></span>
+	<b></b>
 </div>
 <article class="b"></article>
 <p class="c"></p>
-<details class="d"></details>
\ No newline at end of file
+<details class="d"></details>
diff --git a/packages/svelte/tests/css/samples/global-with-child-combinator-2/input.svelte b/packages/svelte/tests/css/samples/global-with-child-combinator-2/input.svelte
index 146f302633..c0f2f69678 100644
--- a/packages/svelte/tests/css/samples/global-with-child-combinator-2/input.svelte
+++ b/packages/svelte/tests/css/samples/global-with-child-combinator-2/input.svelte
@@ -5,5 +5,5 @@
 </style>
 
 <div>
-	<div />
-</div>
\ No newline at end of file
+	<div></div>
+</div>
diff --git a/packages/svelte/tests/css/samples/global-with-child-combinator/input.svelte b/packages/svelte/tests/css/samples/global-with-child-combinator/input.svelte
index 3b5ff160c3..35b8774e64 100644
--- a/packages/svelte/tests/css/samples/global-with-child-combinator/input.svelte
+++ b/packages/svelte/tests/css/samples/global-with-child-combinator/input.svelte
@@ -5,5 +5,5 @@
 </style>
 
 <div>
-	<div />
-</div>
\ No newline at end of file
+	<div></div>
+</div>
diff --git a/packages/svelte/tests/css/samples/quote-mark-inside-string/input.svelte b/packages/svelte/tests/css/samples/quote-mark-inside-string/input.svelte
index 052d5949bc..e3355cd246 100644
--- a/packages/svelte/tests/css/samples/quote-mark-inside-string/input.svelte
+++ b/packages/svelte/tests/css/samples/quote-mark-inside-string/input.svelte
@@ -1,4 +1,4 @@
-<div />
+<div></div>
 
 <style>
 	div {
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-await-not-exhaustive/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-await-not-exhaustive/input.svelte
index 458e27cc71..520c6f39a9 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-await-not-exhaustive/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-await-not-exhaustive/input.svelte
@@ -18,24 +18,24 @@
 	.c + .g { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#await promise then value}
-	<div class="b" />
+	<div class="b"></div>
 {:catch error}
-	<div class="c" />
+	<div class="c"></div>
 {/await}
 
 {#await promise}
-	<div class="d" />
+	<div class="d"></div>
 {:catch error}
-	<div class="e" />
+	<div class="e"></div>
 {/await}
 
 {#await promise}
-	<div class="f" />
+	<div class="f"></div>
 {:then error}
-	<div class="g" />
+	<div class="g"></div>
 {/await}
 
-<div class="h" />
+<div class="h"></div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-await/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-await/input.svelte
index 07698c2a30..eab88894ac 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-await/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-await/input.svelte
@@ -17,14 +17,14 @@
 	.b + .d { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#await promise}
-	<div class="b" />
+	<div class="b"></div>
 {:then value}
-	<div class="c" />
+	<div class="c"></div>
 {:catch error}
-	<div class="d" />
+	<div class="d"></div>
 {/await}
 
-<div class="e" />
\ No newline at end of file
+<div class="e"></div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-each-2/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-each-2/input.svelte
index bbad045fbc..11876e5bac 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-each-2/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-each-2/input.svelte
@@ -28,11 +28,11 @@
 	}
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#each array as item}
-	<div class="b" />
-	<div class="c" />
+	<div class="b"></div>
+	<div class="c"></div>
 {/each}
 
-<div class="d" />
\ No newline at end of file
+<div class="d"></div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-each-else-nested/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-each-else-nested/input.svelte
index d44a53c8fc..94da7d87ac 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-each-else-nested/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-each-else-nested/input.svelte
@@ -32,43 +32,43 @@
 	.g + .h + .i + .j { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#each array as a}
-	<div class="b" />
+	<div class="b"></div>
 	{#each array as b}
-		<div class="c" />
+		<div class="c"></div>
 	{:else}
-		<div class="d" />
+		<div class="d"></div>
 	{/each}
 {/each}
 
 {#each array as c}
 	{#each array as d}
-		<div class="e" />
+		<div class="e"></div>
 	{/each}
 {:else}
-	<div class="f" />
+	<div class="f"></div>
 {/each}
 
 {#each array as item}
-	<div class="g" />
+	<div class="g"></div>
 	{#each array as item}
 		{#each array as item}
-			<div class="h" />
+			<div class="h"></div>
 		{/each}
 	{:else}
-		<div class="i" />
+		<div class="i"></div>
 	{/each}
-	<div class="j" />
+	<div class="j"></div>
 {/each}
 
-<div class="k" />
+<div class="k"></div>
 
 {#each array as item}
 	{#each array as item}
-		<div class="l" />
+		<div class="l"></div>
 	{:else}
-		<div class="m" />
+		<div class="m"></div>
 	{/each}
 {/each}
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-each-else/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-each-else/input.svelte
index 04d1945461..5ea5bb0f37 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-each-else/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-each-else/input.svelte
@@ -13,12 +13,12 @@
 	.b + .c { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#each array as item}
-	<div class="b" />
+	<div class="b"></div>
 {:else}
-	<div class="c" />
+	<div class="c"></div>
 {/each}
 
-<div class="d" />
+<div class="d"></div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-each-nested/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-each-nested/input.svelte
index b5b9242675..fcc9bbd2e8 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-each-nested/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-each-nested/input.svelte
@@ -65,39 +65,39 @@
 	.g + .i { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#each array as item}
-	<div class="b" />
-	<div class="c" />
+	<div class="b"></div>
+	<div class="c"></div>
 {/each}
 
 {#each array as item}
 	{#each array as item}
 		{#each array as item}
-			<div class="d" />
+			<div class="d"></div>
 		{/each}
-		<div class="e" />
+		<div class="e"></div>
 	{/each}
-	<div class="f" />
+	<div class="f"></div>
 {/each}
 
 {#each array as item}
-	<div class="g" />
+	<div class="g"></div>
 	{#each array as item}
-		<div class="h" />
+		<div class="h"></div>
 		{#each array as item}
-			<div class="i" />
+			<div class="i"></div>
 		{/each}
 	{/each}
 {/each}
 
 {#each array as item}
-	<div class="j" />
+	<div class="j"></div>
 	{#each array as item}
-		<div class="k" />
+		<div class="k"></div>
 		{#each array as item}
-			<div class="l" />
+			<div class="l"></div>
 		{/each}
 	{/each}
 {/each}
@@ -105,9 +105,9 @@
 {#each array as item}
 	{#each array as item}
 		{#each array as item}
-			<div class="m" />
+			<div class="m"></div>
 		{/each}
-		<div class="n" />
+		<div class="n"></div>
 	{/each}
-	<div class="o" />
-{/each}
\ No newline at end of file
+	<div class="o"></div>
+{/each}
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-each/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-each/input.svelte
index de77a25180..e28cb5ef2d 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-each/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-each/input.svelte
@@ -8,13 +8,13 @@
 	}
 </style>
 
-<div />
+<div></div>
 
 {#each array as item}
-	<span class="each" />
-	<div class="each" />
-	<span class="each" />
-	<div class="each" />
+	<span class="each"></span>
+	<div class="each"></div>
+	<span class="each"></span>
+	<div class="each"></div>
 {/each}
 
-<span />
\ No newline at end of file
+<span></span>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-global/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-global/input.svelte
index ec06f3c015..5838977b13 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-global/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-global/input.svelte
@@ -17,5 +17,5 @@
 </div>
 
 {#each [] as _}
-  <p />
-{/each}
\ No newline at end of file
+  <p></p>
+{/each}
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-if-not-exhaustive-with-each/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-if-not-exhaustive-with-each/input.svelte
index 71009d0286..2a0d317103 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-if-not-exhaustive-with-each/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-if-not-exhaustive-with-each/input.svelte
@@ -18,14 +18,14 @@
 	.b + .c { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#if foo}
-	<div class="b" />
+	<div class="b"></div>
 {:else}
 	{#each array as item}
-		<div class="c" />
+		<div class="c"></div>
 	{/each}
 {/if}
 
-<div class="d" />
+<div class="d"></div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-if-not-exhaustive/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-if-not-exhaustive/input.svelte
index 41901d285e..552881f869 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-if-not-exhaustive/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-if-not-exhaustive/input.svelte
@@ -14,12 +14,12 @@
 	.b + .c { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#if foo}
-	<div class="b" />
+	<div class="b"></div>
 {:else if bar}
-	<div class="c" />
+	<div class="c"></div>
 {/if}
 
-<div class="d" />
+<div class="d"></div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-if/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-if/input.svelte
index 6cfc436876..be4c393229 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-if/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-if/input.svelte
@@ -18,14 +18,14 @@
 	.c + .d { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 
 {#if foo}
-	<div class="b" />
+	<div class="b"></div>
 {:else if bar}
-	<div class="c" />
+	<div class="c"></div>
 {:else}
-	<div class="d" />
+	<div class="d"></div>
 {/if}
 
-<div class="e" />
\ No newline at end of file
+<div class="e"></div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-slot/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-slot/input.svelte
index 6e0df3f497..630bc2fe97 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-slot/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-slot/input.svelte
@@ -11,14 +11,14 @@
 	.c + .f { color: green; }
 </style>
 
-<div class="a" />
+<div class="a"></div>
 <App>
-	<div class="b" slot="a" />
+	<div class="b" slot="a"></div>
 
 	<div class="c" slot="b">
-		<div class="d" />
-		<div class="e" />
+		<div class="d"></div>
+		<div class="e"></div>
 	</div>
 </App>
 
-<div class="f" />
+<div class="f"></div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator-star/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator-star/input.svelte
index ca837f2239..5bcc38f1bf 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator-star/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator-star/input.svelte
@@ -8,10 +8,10 @@
 </style>
 
 <div class="not-match">
-	<div />
+	<div></div>
 </div>
 
 <div class="match">
-	<div />
-	<div />
-</div>
\ No newline at end of file
+	<div></div>
+	<div></div>
+</div>
diff --git a/packages/svelte/tests/css/samples/siblings-combinator/input.svelte b/packages/svelte/tests/css/samples/siblings-combinator/input.svelte
index 3e22076d52..87682163ac 100644
--- a/packages/svelte/tests/css/samples/siblings-combinator/input.svelte
+++ b/packages/svelte/tests/css/samples/siblings-combinator/input.svelte
@@ -29,7 +29,7 @@
 </style>
 
 <div class="a">
-	<span />
-	<b />
+	<span></span>
+	<b></b>
 </div>
-<article class="b"></article>
\ No newline at end of file
+<article class="b"></article>
diff --git a/packages/svelte/tests/parser-legacy/samples/attribute-shorthand/input.svelte b/packages/svelte/tests/parser-legacy/samples/attribute-shorthand/input.svelte
index 35468de006..cd76c59e4b 100644
--- a/packages/svelte/tests/parser-legacy/samples/attribute-shorthand/input.svelte
+++ b/packages/svelte/tests/parser-legacy/samples/attribute-shorthand/input.svelte
@@ -1 +1 @@
-<div {id}/>
\ No newline at end of file
+<div {id}></div>
diff --git a/packages/svelte/tests/parser-legacy/samples/attribute-shorthand/output.json b/packages/svelte/tests/parser-legacy/samples/attribute-shorthand/output.json
index 5daf29018c..2ae3acfdc7 100644
--- a/packages/svelte/tests/parser-legacy/samples/attribute-shorthand/output.json
+++ b/packages/svelte/tests/parser-legacy/samples/attribute-shorthand/output.json
@@ -2,12 +2,12 @@
 	"html": {
 		"type": "Fragment",
 		"start": 0,
-		"end": 11,
+		"end": 16,
 		"children": [
 			{
 				"type": "Element",
 				"start": 0,
-				"end": 11,
+				"end": 16,
 				"name": "div",
 				"attributes": [
 					{
diff --git a/packages/svelte/tests/runtime-browser/custom-elements-samples/escaped-css/main.svelte b/packages/svelte/tests/runtime-browser/custom-elements-samples/escaped-css/main.svelte
index 4da86e90ca..5bc8d9ad8d 100644
--- a/packages/svelte/tests/runtime-browser/custom-elements-samples/escaped-css/main.svelte
+++ b/packages/svelte/tests/runtime-browser/custom-elements-samples/escaped-css/main.svelte
@@ -1,6 +1,6 @@
 <svelte:options customElement="custom-element" />
 
-<span class="icon" />
+<span class="icon"></span>
 
 <style>
 	.icon::before {
diff --git a/packages/svelte/tests/runtime-browser/custom-elements-samples/ondestroy/main.svelte b/packages/svelte/tests/runtime-browser/custom-elements-samples/ondestroy/main.svelte
index b4a91da7fb..615d84a118 100644
--- a/packages/svelte/tests/runtime-browser/custom-elements-samples/ondestroy/main.svelte
+++ b/packages/svelte/tests/runtime-browser/custom-elements-samples/ondestroy/main.svelte
@@ -19,4 +19,4 @@
 	});
 </script>
 
-<div bind:this={el} />
+<div bind:this={el}></div>
diff --git a/packages/svelte/tests/runtime-browser/custom-elements-samples/props/main.svelte b/packages/svelte/tests/runtime-browser/custom-elements-samples/props/main.svelte
index 5dbedd77af..a4651c2155 100644
--- a/packages/svelte/tests/runtime-browser/custom-elements-samples/props/main.svelte
+++ b/packages/svelte/tests/runtime-browser/custom-elements-samples/props/main.svelte
@@ -7,4 +7,4 @@
 	export let flagged = false;
 </script>
 
-<my-widget class="foo" {items} flag1={flagged} flag2 />
+<my-widget class="foo" {items} flag1={flagged} flag2></my-widget>
diff --git a/packages/svelte/tests/runtime-browser/custom-elements-samples/reflect-attributes/main.svelte b/packages/svelte/tests/runtime-browser/custom-elements-samples/reflect-attributes/main.svelte
index a662227a13..0a9fb6b1da 100644
--- a/packages/svelte/tests/runtime-browser/custom-elements-samples/reflect-attributes/main.svelte
+++ b/packages/svelte/tests/runtime-browser/custom-elements-samples/reflect-attributes/main.svelte
@@ -14,7 +14,7 @@
 <div>hi</div>
 <p>hi</p>
 <button on:click={() => (red = false)}>off</button>
-<my-widget {red} white />
+<my-widget {red} white></my-widget>
 
 <style>
 	:host([red]) div {
diff --git a/packages/svelte/tests/runtime-browser/samples/dynamic-element-custom-element/main.svelte b/packages/svelte/tests/runtime-browser/samples/dynamic-element-custom-element/main.svelte
index 81e29895d7..e7d4ba7f3e 100644
--- a/packages/svelte/tests/runtime-browser/samples/dynamic-element-custom-element/main.svelte
+++ b/packages/svelte/tests/runtime-browser/samples/dynamic-element-custom-element/main.svelte
@@ -29,4 +29,4 @@
 </script>
 
 <svelte:element this="{tag}" {name} id="a" />
-<my-custom-element {name} id="b" />
+<my-custom-element {name} id="b"></my-custom-element>
diff --git a/packages/svelte/tests/runtime-browser/samples/head-script/main.svelte b/packages/svelte/tests/runtime-browser/samples/head-script/main.svelte
index 8284f84a59..94ff3730f5 100644
--- a/packages/svelte/tests/runtime-browser/samples/head-script/main.svelte
+++ b/packages/svelte/tests/runtime-browser/samples/head-script/main.svelte
@@ -7,4 +7,4 @@
 		});
 	</script>
 </svelte:head>
-<button />
+<button></button>
diff --git a/packages/svelte/tests/runtime-browser/samples/inline-style-directive-precedence/main.svelte b/packages/svelte/tests/runtime-browser/samples/inline-style-directive-precedence/main.svelte
index 3e8b721a42..da3bd29dcf 100644
--- a/packages/svelte/tests/runtime-browser/samples/inline-style-directive-precedence/main.svelte
+++ b/packages/svelte/tests/runtime-browser/samples/inline-style-directive-precedence/main.svelte
@@ -12,4 +12,4 @@
 	style="{foo}"
 	style:background-color="{bg}en"
 	style:border-color={borderColor}
-/>
+></p>
diff --git a/packages/svelte/tests/runtime-browser/samples/inline-style-directive-update-with-spread/main.svelte b/packages/svelte/tests/runtime-browser/samples/inline-style-directive-update-with-spread/main.svelte
index 4f44ae2e67..104ce69ca1 100644
--- a/packages/svelte/tests/runtime-browser/samples/inline-style-directive-update-with-spread/main.svelte
+++ b/packages/svelte/tests/runtime-browser/samples/inline-style-directive-update-with-spread/main.svelte
@@ -2,4 +2,4 @@
 	export let backgroundColor = 255;
 </script>
 
-<div style:background-color="rgb({backgroundColor}, 0, 0)" {...$$restProps} />
+<div style:background-color="rgb({backgroundColor}, 0, 0)" {...$$restProps}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/action-body/main.svelte b/packages/svelte/tests/runtime-legacy/samples/action-body/main.svelte
index dd57116577..f793373e96 100644
--- a/packages/svelte/tests/runtime-legacy/samples/action-body/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/action-body/main.svelte
@@ -18,7 +18,7 @@
 
 		node.addEventListener('mouseenter', onMouseEnter);
 		node.addEventListener('mouseleave', onMouseLeave);
-		
+
 		return {
 			destroy() {
 				node.removeEventListener('mouseenter', onMouseEnter);
@@ -29,4 +29,4 @@
 </script>
 
 <svelte:body use:tooltip="{'Perform an Action'}" />
-<div bind:this={container} />
\ No newline at end of file
+<div bind:this={container}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/action-document/main.svelte b/packages/svelte/tests/runtime-legacy/samples/action-document/main.svelte
index eec4b3fecd..a29c1b7e9b 100644
--- a/packages/svelte/tests/runtime-legacy/samples/action-document/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/action-document/main.svelte
@@ -21,4 +21,4 @@
 </script>
 
 <svelte:document use:tooltip="{'Perform an Action'}" />
-<div bind:this={container} />
+<div bind:this={container}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/attribute-boolean-hidden/_config.js b/packages/svelte/tests/runtime-legacy/samples/attribute-boolean-hidden/_config.js
index 331699edf3..443e41ff5c 100644
--- a/packages/svelte/tests/runtime-legacy/samples/attribute-boolean-hidden/_config.js
+++ b/packages/svelte/tests/runtime-legacy/samples/attribute-boolean-hidden/_config.js
@@ -4,9 +4,9 @@ export default test({
 	get props() {
 		return { hidden: true };
 	},
-	html: '<div hidden />',
+	html: '<div hidden></div>',
 	test({ assert, component, target }) {
 		component.hidden = false;
-		assert.htmlEqual(target.innerHTML, '<div />');
+		assert.htmlEqual(target.innerHTML, '<div></div>');
 	}
 });
diff --git a/packages/svelte/tests/runtime-legacy/samples/attribute-boolean-hidden/main.svelte b/packages/svelte/tests/runtime-legacy/samples/attribute-boolean-hidden/main.svelte
index f8d7a26910..3fdebdc99c 100644
--- a/packages/svelte/tests/runtime-legacy/samples/attribute-boolean-hidden/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/attribute-boolean-hidden/main.svelte
@@ -2,4 +2,4 @@
 	export let hidden = false;
 </script>
 
-<div {hidden} />
+<div {hidden}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/attribute-casing-foreign-namespace-compiler-option/main.svelte b/packages/svelte/tests/runtime-legacy/samples/attribute-casing-foreign-namespace-compiler-option/main.svelte
index 52b3e646e1..2cf9c74171 100644
--- a/packages/svelte/tests/runtime-legacy/samples/attribute-casing-foreign-namespace-compiler-option/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/attribute-casing-foreign-namespace-compiler-option/main.svelte
@@ -1,4 +1,4 @@
 <page horizontalAlignment="center">
-	<button textWrap="true" text="button" />
+	<button textWrap="true" text="button"></button>
 	<text wordWrap="true" />
 </page>
diff --git a/packages/svelte/tests/runtime-legacy/samples/attribute-microdata/main.svelte b/packages/svelte/tests/runtime-legacy/samples/attribute-microdata/main.svelte
index f03a6943d9..3375af0c56 100644
--- a/packages/svelte/tests/runtime-legacy/samples/attribute-microdata/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/attribute-microdata/main.svelte
@@ -16,7 +16,7 @@
 		<span itemprop="ratingValue">4.6</span> (
 		<span itemprop="ratingCount">8864</span> ratings )
 	</div>
-	<div itemref="offers" />
+	<div itemref="offers"></div>
 </div>
 
 <div
diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-input-range-change-with-max/main.svelte b/packages/svelte/tests/runtime-legacy/samples/binding-input-range-change-with-max/main.svelte
index a7be9b95b4..b1f34db437 100644
--- a/packages/svelte/tests/runtime-legacy/samples/binding-input-range-change-with-max/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/binding-input-range-change-with-max/main.svelte
@@ -8,6 +8,6 @@
   }
 </script>
 
-<button on:click={change} />
+<button on:click={change}></button>
 <input type="range" min="0" {max} bind:value />
 <p>{value} of {max}</p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-this-each-block-property-2/main.svelte b/packages/svelte/tests/runtime-legacy/samples/binding-this-each-block-property-2/main.svelte
index bc1efe725c..7bf286c5eb 100644
--- a/packages/svelte/tests/runtime-legacy/samples/binding-this-each-block-property-2/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/binding-this-each-block-property-2/main.svelte
@@ -13,5 +13,5 @@
 </script>
 
 {#each refs as xxx}
-	<div bind:this={xxx.ref} />
-{/each}
\ No newline at end of file
+	<div bind:this={xxx.ref}></div>
+{/each}
diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-this-member-expression-update/main.svelte b/packages/svelte/tests/runtime-legacy/samples/binding-this-member-expression-update/main.svelte
index 327d63d494..a35144b3ac 100644
--- a/packages/svelte/tests/runtime-legacy/samples/binding-this-member-expression-update/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/binding-this-member-expression-update/main.svelte
@@ -6,4 +6,4 @@
 	$: paths && logs.push('paths updated');
 </script>
 
-<div bind:this={container[paths[0]]} />
+<div bind:this={container[paths[0]]}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-binding-onMount/main.svelte b/packages/svelte/tests/runtime-legacy/samples/component-binding-onMount/main.svelte
index 823d08f869..6c9ef0d325 100644
--- a/packages/svelte/tests/runtime-legacy/samples/component-binding-onMount/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/component-binding-onMount/main.svelte
@@ -8,4 +8,4 @@
 	});
 </script>
 
-<div id="target" />
+<div id="target"></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-events-nullish/Widget.svelte b/packages/svelte/tests/runtime-legacy/samples/component-events-nullish/Widget.svelte
index 07ae574403..4b368a6cdd 100644
--- a/packages/svelte/tests/runtime-legacy/samples/component-events-nullish/Widget.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/component-events-nullish/Widget.svelte
@@ -11,4 +11,4 @@
 		}
 	}
 </script>
-<button on:click={click} />
\ No newline at end of file
+<button on:click={click}></button>
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-events-this/Inner.svelte b/packages/svelte/tests/runtime-legacy/samples/component-events-this/Inner.svelte
index e6ef959ef9..0c5e27c76d 100644
--- a/packages/svelte/tests/runtime-legacy/samples/component-events-this/Inner.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/component-events-this/Inner.svelte
@@ -5,4 +5,4 @@
   export const exists = true;
 </script>
 
-<button on:click={() => dispatch('bar')} />
\ No newline at end of file
+<button on:click={() => dispatch('bar')}></button>
diff --git a/packages/svelte/tests/runtime-legacy/samples/component-slot-let-in-slot-2/main.svelte b/packages/svelte/tests/runtime-legacy/samples/component-slot-let-in-slot-2/main.svelte
index 214b0895ae..c26c24c937 100644
--- a/packages/svelte/tests/runtime-legacy/samples/component-slot-let-in-slot-2/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/component-slot-let-in-slot-2/main.svelte
@@ -7,5 +7,5 @@
 </script>
 
 <Outer {prop} let:value>
-	<Inner><button on:click={() => { log(value); }} /></Inner>
+	<Inner><button on:click={() => { log(value); }}></button></Inner>
 </Outer>
diff --git a/packages/svelte/tests/runtime-legacy/samples/constructor-prefer-passed-context/main.svelte b/packages/svelte/tests/runtime-legacy/samples/constructor-prefer-passed-context/main.svelte
index fbaa4780d4..140aca73a3 100644
--- a/packages/svelte/tests/runtime-legacy/samples/constructor-prefer-passed-context/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/constructor-prefer-passed-context/main.svelte
@@ -12,4 +12,4 @@
 	}
 </script>
 
-<div use:render />
+<div use:render></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/deconflict-contextual-action/main.svelte b/packages/svelte/tests/runtime-legacy/samples/deconflict-contextual-action/main.svelte
index 48862e5f9f..8baed229a1 100644
--- a/packages/svelte/tests/runtime-legacy/samples/deconflict-contextual-action/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/deconflict-contextual-action/main.svelte
@@ -8,10 +8,10 @@
 	const array = [each_action];
 </script>
 
-<div use:action={collect} />
+<div use:action={collect}></div>
 
 <ul>
 	{#each array as action}
-		<div use:action={collect} />
+		<div use:action={collect}></div>
 	{/each}
 </ul>
diff --git a/packages/svelte/tests/runtime-legacy/samples/document-binding-fullscreen/main.svelte b/packages/svelte/tests/runtime-legacy/samples/document-binding-fullscreen/main.svelte
index 5b00199821..447742c741 100644
--- a/packages/svelte/tests/runtime-legacy/samples/document-binding-fullscreen/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/document-binding-fullscreen/main.svelte
@@ -4,4 +4,4 @@
 
 <svelte:document bind:fullscreenElement={fullscreen}/>
 
-<div />
\ No newline at end of file
+<div></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-component-action/Component.svelte b/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-component-action/Component.svelte
index 18a6c7452a..0528ab2d62 100644
--- a/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-component-action/Component.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-component-action/Component.svelte
@@ -2,4 +2,4 @@
 	export let action;
 </script>
 
-<div use:action />
+<div use:action></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/html-non-entities-inside-elements/_config.js b/packages/svelte/tests/runtime-legacy/samples/html-non-entities-inside-elements/_config.js
index b18be26b93..786f94b7c9 100644
--- a/packages/svelte/tests/runtime-legacy/samples/html-non-entities-inside-elements/_config.js
+++ b/packages/svelte/tests/runtime-legacy/samples/html-non-entities-inside-elements/_config.js
@@ -2,6 +2,6 @@ import { test } from '../../test';
 
 export default test({
 	html: `
-		<div>'foo'<span/></div>
+		<div>'foo'<span></span></div>
 	`
 });
diff --git a/packages/svelte/tests/runtime-legacy/samples/html-non-entities-inside-elements/main.svelte b/packages/svelte/tests/runtime-legacy/samples/html-non-entities-inside-elements/main.svelte
index 7b49c004db..b878bc4678 100644
--- a/packages/svelte/tests/runtime-legacy/samples/html-non-entities-inside-elements/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/html-non-entities-inside-elements/main.svelte
@@ -1 +1 @@
-<div>'foo'<span/></div>
\ No newline at end of file
+<div>'foo'<span></span></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-and-style-attr-merged/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-and-style-attr-merged/main.svelte
index 6f3e86b9bf..59684f09de 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-and-style-attr-merged/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-and-style-attr-merged/main.svelte
@@ -2,4 +2,4 @@
 	export let color = 'red';
 </script>
 
-<p style="height: 40px; color: blue;" style:color={color} />
+<p style="height: 40px; color: blue;" style:color={color}></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-and-style-attr/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-and-style-attr/main.svelte
index e2ba0fa591..841c665cac 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-and-style-attr/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-and-style-attr/main.svelte
@@ -2,4 +2,4 @@
 	export let color = 'red';
 </script>
 
-<p style="height: 40px;" style:color={color} />
+<p style="height: 40px;" style:color={color}></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-css-vars/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-css-vars/main.svelte
index 689a2333f5..45e43cb499 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-css-vars/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-css-vars/main.svelte
@@ -2,4 +2,4 @@
 	export let myColor = "red";
 </script>
 
-<p style:--border-color={myColor} />
+<p style:--border-color={myColor}></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-dynamic/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-dynamic/main.svelte
index 1d60aefa6f..49891c0009 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-dynamic/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-dynamic/main.svelte
@@ -2,4 +2,4 @@
 	export let myColor = "red";
 </script>
 
-<p style:color={myColor} />
+<p style:color={myColor}></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-escape/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-escape/main.svelte
index fd27bfda6a..bbffdf704e 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-escape/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-escape/main.svelte
@@ -2,4 +2,4 @@
   export let attack = '" onload="alert(\'uhoh\')" data-nothing="not important';
 </script>
 
-<div style:--css-variable={attack} />
+<div style:--css-variable={attack}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-shorthand/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-shorthand/main.svelte
index 2b5f8e3db7..b02fe3ac6d 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-shorthand/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-shorthand/main.svelte
@@ -2,8 +2,8 @@
 	export let color = "red";
 </script>
 
-<p style:color />
+<p style:color></p>
 
 {#each [1] as _}
-	<p style:color />
+	<p style:color></p>
 {/each}
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-spread-dynamic/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-spread-dynamic/main.svelte
index a514e4856f..5ebb1be29f 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-spread-dynamic/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-spread-dynamic/main.svelte
@@ -2,4 +2,4 @@
   export let color = 'blue';
   export let obj = { id: 'my-id', style: 'width: 65px' };
 </script>
-<p {...obj} style:color={color} />
+<p {...obj} style:color={color}></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-spread/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-spread/main.svelte
index 51291146c7..3d36d017a5 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-spread/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-spread/main.svelte
@@ -1 +1 @@
-<p {...{ id: "my-id", style: "width: 65px" }} style:color="blue" />
+<p {...{ id: "my-id", style: "width: 65px" }} style:color="blue"></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-string-variable/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-string-variable/main.svelte
index 1f0b5019f4..7ee5bfa18e 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-string-variable/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-string-variable/main.svelte
@@ -4,4 +4,4 @@
 	export let border_color;
 </script>
 
-<p style:color={"green"} style:transform="translateX({translate_x})" style:border="{border_width}px solid {border_color || 'pink'}" />
+<p style:color={"green"} style:transform="translateX({translate_x})" style:border="{border_width}px solid {border_color || 'pink'}"></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-string/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-string/main.svelte
index 4e7ce22b22..11a9abb45d 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-string/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-string/main.svelte
@@ -1 +1 @@
-<p style:color="red" />
+<p style:color="red"></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-update-object-property/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-update-object-property/main.svelte
index 0a643bdf48..71afdcb077 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-update-object-property/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive-update-object-property/main.svelte
@@ -9,4 +9,4 @@
 	}
 </script>
 
-<p style:font-size="{settings.fontSize}px" style="background-color: {settings.bg}" />
+<p style:font-size="{settings.fontSize}px" style="background-color: {settings.bg}"></p>
diff --git a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive/main.svelte b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive/main.svelte
index ff8acfce68..f8d161ab66 100644
--- a/packages/svelte/tests/runtime-legacy/samples/inline-style-directive/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/inline-style-directive/main.svelte
@@ -3,5 +3,5 @@
 </script>
 
 <div>
-	<p style:color={myColor} />
+	<p style:color={myColor}></p>
 </div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/key-block-3/main.svelte b/packages/svelte/tests/runtime-legacy/samples/key-block-3/main.svelte
index 1ed185c732..02582d3eda 100644
--- a/packages/svelte/tests/runtime-legacy/samples/key-block-3/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/key-block-3/main.svelte
@@ -3,5 +3,5 @@
 </script>
 
 {#key value}
-	<div />
-{/key}
\ No newline at end of file
+	<div></div>
+{/key}
diff --git a/packages/svelte/tests/runtime-legacy/samples/rest-props-without-props/App.svelte b/packages/svelte/tests/runtime-legacy/samples/rest-props-without-props/App.svelte
index e98fec30d4..5197cb59b4 100644
--- a/packages/svelte/tests/runtime-legacy/samples/rest-props-without-props/App.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/rest-props-without-props/App.svelte
@@ -9,4 +9,4 @@
 <div>Length: {length}</div>
 <div>Values: {values.join(',')}</div>
 
-<div {...$$restProps} />
\ No newline at end of file
+<div {...$$restProps}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/rest-props/App.svelte b/packages/svelte/tests/runtime-legacy/samples/rest-props/App.svelte
index 875372f670..56edc0b7e4 100644
--- a/packages/svelte/tests/runtime-legacy/samples/rest-props/App.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/rest-props/App.svelte
@@ -9,5 +9,5 @@
 <div>Length: {length}</div>
 <div>Values: {values.join(',')}</div>
 
-<div {...$$restProps} />
-<div {...$$props} />
\ No newline at end of file
+<div {...$$restProps}></div>
+<div {...$$props}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/store-assignment-updates-property/main.svelte b/packages/svelte/tests/runtime-legacy/samples/store-assignment-updates-property/main.svelte
index b2c4a3d1c0..d24be470db 100644
--- a/packages/svelte/tests/runtime-legacy/samples/store-assignment-updates-property/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/store-assignment-updates-property/main.svelte
@@ -21,4 +21,4 @@
 	$b = { foo: $b.foo + 1, baz: 0 };
 }} />
 
-<button on:click={update} />
\ No newline at end of file
+<button on:click={update}></button>
diff --git a/packages/svelte/tests/runtime-legacy/samples/target-dom/main.svelte b/packages/svelte/tests/runtime-legacy/samples/target-dom/main.svelte
index 4d5a825ad3..f0a63a95aa 100644
--- a/packages/svelte/tests/runtime-legacy/samples/target-dom/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/target-dom/main.svelte
@@ -15,4 +15,4 @@
 	});
 </script>
 
-<div bind:this={div} />
+<div bind:this={div}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/target-shadow-dom/main.svelte b/packages/svelte/tests/runtime-legacy/samples/target-shadow-dom/main.svelte
index 8674130bb8..37e4b7e487 100644
--- a/packages/svelte/tests/runtime-legacy/samples/target-shadow-dom/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/target-shadow-dom/main.svelte
@@ -16,4 +16,4 @@
 	});
 </script>
 
-<div bind:this={div} />
+<div bind:this={div}></div>
diff --git a/packages/svelte/tests/runtime-legacy/samples/this-in-function-expressions/main.svelte b/packages/svelte/tests/runtime-legacy/samples/this-in-function-expressions/main.svelte
index af732920e9..7518ac33a0 100644
--- a/packages/svelte/tests/runtime-legacy/samples/this-in-function-expressions/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/this-in-function-expressions/main.svelte
@@ -1,2 +1,2 @@
-<button on:click="{() => { this.x = 1; }}" />
-<button on:click="{function () { this.x = 1; }}" />
+<button on:click="{() => { this.x = 1; }}"></button>
+<button on:click="{function () { this.x = 1; }}"></button>
diff --git a/packages/svelte/tests/runtime-legacy/samples/transition-js-deferred-option-direction/main.svelte b/packages/svelte/tests/runtime-legacy/samples/transition-js-deferred-option-direction/main.svelte
index 76bca2b5e2..79be87ebda 100644
--- a/packages/svelte/tests/runtime-legacy/samples/transition-js-deferred-option-direction/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/transition-js-deferred-option-direction/main.svelte
@@ -15,11 +15,11 @@
 </script>
 
 {#if visible}
-	<div id="both-in" transition:foo />
-	<div id="in" in:foo />
+	<div id="both-in" transition:foo></div>
+	<div id="in" in:foo></div>
 {/if}
 
 {#if !visible}
-	<div id="out" out:foo />
-	<div id="both-out" transition:foo={{ duration: 500 }} />
+	<div id="out" out:foo></div>
+	<div id="both-out" transition:foo={{ duration: 500 }}></div>
 {/if}
diff --git a/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-binding-update/Component.svelte b/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-binding-update/Component.svelte
index 512d674378..ac0623f389 100644
--- a/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-binding-update/Component.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-binding-update/Component.svelte
@@ -11,8 +11,8 @@
 	let bool = true;
 </script>
 
-<button on:click={() => (condition = false)} />
-<button on:click={() => (bool = !bool)} />
+<button on:click={() => (condition = false)}></button>
+<button on:click={() => (bool = !bool)}></button>
 {#if bool}
-	<div out:foo />
+	<div out:foo></div>
 {/if}
diff --git a/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-store-update/Component.svelte b/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-store-update/Component.svelte
index cbcd9ba6dd..75373cdebb 100644
--- a/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-store-update/Component.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-store-update/Component.svelte
@@ -12,7 +12,7 @@
 	let bool = true;
 </script>
 
-<button on:click={() => (bool = !bool)} />
+<button on:click={() => (bool = !bool)}></button>
 {#if bool}
-	<div out:foo />
+	<div out:foo></div>
 {/if}
diff --git a/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-store-update/main.svelte b/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-store-update/main.svelte
index 768969d138..b399256da4 100644
--- a/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-store-update/main.svelte
+++ b/packages/svelte/tests/runtime-legacy/samples/transition-js-if-outro-unrelated-component-store-update/main.svelte
@@ -5,6 +5,6 @@
 </script>
 
 {#if $condition}
-	<button on:click={() => ($condition = false)} id="1" />
+	<button on:click={() => ($condition = false)} id="1"></button>
 	<Component {condition} />
 {/if}
diff --git a/packages/svelte/tests/runtime-runes/samples/attribute-parts/main.svelte b/packages/svelte/tests/runtime-runes/samples/attribute-parts/main.svelte
index 3bbd04cb7a..a72bffac8b 100644
--- a/packages/svelte/tests/runtime-runes/samples/attribute-parts/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/attribute-parts/main.svelte
@@ -4,6 +4,6 @@
 	let c = 3;
 </script>
 
-<div class="{a}{b}{c}" />
+<div class="{a}{b}{c}"></div>
 
 <img src="{a}{b} hello, world {a}{c}" />
diff --git a/packages/svelte/tests/runtime-runes/samples/directives-with-member-access/main.svelte b/packages/svelte/tests/runtime-runes/samples/directives-with-member-access/main.svelte
index c5e7087991..53f35464fb 100644
--- a/packages/svelte/tests/runtime-runes/samples/directives-with-member-access/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/directives-with-member-access/main.svelte
@@ -12,10 +12,10 @@
 
 <!-- these will yield TypeScript errors, because it looks like e.g. `nested.with - string`,
      in other words a number. Relatedly, people should not do this. It is stupid. -->
-<div use:directive.b.c-d />
-<div transition:directive.b.c-d />
+<div use:directive.b.c-d></div>
+<div transition:directive.b.c-d></div>
 {#each [] as i (i)}
-	<div animate:directive.b.c-d />
+	<div animate:directive.b.c-d></div>
 {/each}
-<div in:directive.b.c-d />
-<div out:directive.b.c-d />
+<div in:directive.b.c-d></div>
+<div out:directive.b.c-d></div>
diff --git a/packages/svelte/tests/server-side-rendering/samples/attribute-spread-with-null/main.svelte b/packages/svelte/tests/server-side-rendering/samples/attribute-spread-with-null/main.svelte
index adfa9e6919..8813b23595 100644
--- a/packages/svelte/tests/server-side-rendering/samples/attribute-spread-with-null/main.svelte
+++ b/packages/svelte/tests/server-side-rendering/samples/attribute-spread-with-null/main.svelte
@@ -2,4 +2,4 @@
   export let id = null;
 </script>
 
-<div {id} {...$$restProps} />
\ No newline at end of file
+<div {id} {...$$restProps}></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-activedescendant/input.svelte b/packages/svelte/tests/validator/samples/a11y-aria-activedescendant/input.svelte
index 24a2d59ac1..adb1dc604d 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-activedescendant/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-aria-activedescendant/input.svelte
@@ -8,9 +8,9 @@
 <input aria-activedescendant="some-id" tabindex={-1} />
 <input aria-activedescendant="some-id" tabindex="-1" />
 <svelte:element this={Math.random() ? 'input' : 'button'} aria-activedescendant="some-id" />
-<div />
-<div aria-activedescendant="some-id" role="tablist" tabindex={-1} />
-<div aria-activedescendant="some-id" role="tablist" tabindex="-1" />
+<div></div>
+<div aria-activedescendant="some-id" role="tablist" tabindex={-1}></div>
+<div aria-activedescendant="some-id" role="tablist" tabindex="-1"></div>
 
 <!-- INVALID -->
-<div aria-activedescendant="some-id" />
+<div aria-activedescendant="some-id"></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-boolean/input.svelte b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-boolean/input.svelte
index c992928229..4d05595185 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-boolean/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-boolean/input.svelte
@@ -2,7 +2,7 @@
     const abc = 'abc';
 </script>
 
-<button aria-disabled="yes"/>
-<button aria-disabled="no"/>
-<button aria-disabled={1234}/>
-<button aria-disabled={`${abc}`}/>
\ No newline at end of file
+<button aria-disabled="yes"></button>
+<button aria-disabled="no"></button>
+<button aria-disabled={1234}></button>
+<button aria-disabled={`${abc}`}></button>
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-integer/input.svelte b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-integer/input.svelte
index f426becef7..74ea3f9dcc 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-integer/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-integer/input.svelte
@@ -1,7 +1,7 @@
-<div aria-level="yes" />
-<div aria-level="no" />
-<div aria-level={`abc`} />
-<div aria-level={true} />
-<div aria-level />
-<div aria-level={"false"} />
-<div aria-level={!"false"} />
\ No newline at end of file
+<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>
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-number/input.svelte b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-number/input.svelte
index 6006ef49ad..a9591aa12e 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-number/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-number/input.svelte
@@ -1,7 +1,7 @@
-<div aria-valuemax="yes" />
-<div aria-valuemax="no" />
-<div aria-valuemax={`abc`} />
-<div aria-valuemax={true} />
-<div aria-valuemax />
-<div aria-valuemax={'false'} />
-<div aria-valuemax={!'false'} />
\ No newline at end of file
+<div aria-valuemax="yes"></div>
+<div aria-valuemax="no"></div>
+<div aria-valuemax={`abc`}></div>
+<div aria-valuemax={true}></div>
+<div aria-valuemax></div>
+<div aria-valuemax={'false'}></div>
+<div aria-valuemax={!'false'}></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-string/input.svelte b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-string/input.svelte
index 0c510160af..c21efdd55b 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-string/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-string/input.svelte
@@ -1,5 +1,5 @@
-<div aria-label />
-<div aria-label={true} />
-<div aria-label={false} />
-<div aria-label={1234} />
-<div aria-label={!true} />
\ No newline at end of file
+<div aria-label></div>
+<div aria-label={true}></div>
+<div aria-label={false}></div>
+<div aria-label={1234}></div>
+<div aria-label={!true}></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-token/input.svelte b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-token/input.svelte
index 7d879d468c..70dd68e30d 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-token/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-token/input.svelte
@@ -1,6 +1,6 @@
-<div aria-sort="" />
-<div aria-sort="incorrect" />
-<div aria-sort />
-<div aria-sort={true} />
-<div aria-sort={"false"} />
-<div aria-sort="ascending descending" />
\ No newline at end of file
+<div aria-sort=""></div>
+<div aria-sort="incorrect"></div>
+<div aria-sort></div>
+<div aria-sort={true}></div>
+<div aria-sort={"false"}></div>
+<div aria-sort="ascending descending"></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte
index f0926cee60..9ebf8b35c2 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-tokenlist/input.svelte
@@ -1,7 +1,7 @@
-<div aria-relevant="" />
-<div aria-relevant="foobar" />
-<div aria-relevant />
-<div aria-relevant={true} />
-<div aria-relevant={"false"} />
-<div aria-relevant="additions removals_" />
-<div aria-relevant="additions removals_ " />
\ No newline at end of file
+<div aria-relevant=""></div>
+<div aria-relevant="foobar"></div>
+<div aria-relevant></div>
+<div aria-relevant={true}></div>
+<div aria-relevant={"false"}></div>
+<div aria-relevant="additions removals_"></div>
+<div aria-relevant="additions removals_ "></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-tristate/input.svelte b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-tristate/input.svelte
index a265f0472b..429c273f4e 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-proptypes-tristate/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-aria-proptypes-tristate/input.svelte
@@ -2,7 +2,7 @@
     const abc = 'abc';
 </script>
 
-<div aria-checked="yes" />
-<div aria-checked="no" />
-<div aria-checked={1234} />
-<div aria-checked={`${abc}`} />
\ No newline at end of file
+<div aria-checked="yes"></div>
+<div aria-checked="no"></div>
+<div aria-checked={1234}></div>
+<div aria-checked={`${abc}`}></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/input.svelte b/packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/input.svelte
index 0452a3714d..c8c5d608f0 100644
--- a/packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/input.svelte
@@ -10,65 +10,65 @@
 
 <!-- should warn -->
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} />
+<div on:click={noop}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} aria-hidden="false" />
+<div on:click={noop} aria-hidden="false"></div>
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<section on:click={noop} />
+<section on:click={noop}></section>
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-<main on:click={noop} />
+<main on:click={noop}></main>
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-<article on:click={noop} />
+<article on:click={noop}></article>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<header on:click={noop} />
+<header on:click={noop}></header>
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-<footer on:click={noop} />
+<footer on:click={noop}></footer>
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-<footer onclick={noop} />
+<footer onclick={noop}></footer>
 
 <!-- should not warn -->
-<div class="foo" />
+<div class="foo"></div>
 
 <a href="http://x.y.z" on:click={noop}>foo</a>
-<button on:click={noop} />
-<select on:click={noop} />
+<button on:click={noop}></button>
+<select on:click={noop}></select>
 
 <input type="button" on:click={noop} />
 <input type={dynamicTypeValue} on:click={noop} />
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} {...props} />
+<div on:click={noop} {...props}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} on:keydown={noop} />
+<div on:click={noop} on:keydown={noop}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} on:keyup={noop} />
+<div on:click={noop} on:keyup={noop}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} on:keypress={noop} />
+<div on:click={noop} on:keypress={noop}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} on:keydown={noop} on:keyup={noop} />
+<div on:click={noop} on:keydown={noop} on:keyup={noop}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} on:keyup={noop} on:keypress={noop} />
+<div on:click={noop} on:keyup={noop} on:keypress={noop}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} on:keypress={noop} on:keydown={noop} />
+<div on:click={noop} on:keypress={noop} on:keydown={noop}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} on:keydown={noop} on:keyup={noop} on:keypress={noop} />
+<div on:click={noop} on:keydown={noop} on:keyup={noop} on:keypress={noop}></div>
 
 <input on:click={noop} type="hidden" />
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} aria-hidden />
+<div on:click={noop} aria-hidden></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} aria-hidden="true" />
+<div on:click={noop} aria-hidden="true"></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} aria-hidden="false" on:keydown={noop} />
+<div on:click={noop} aria-hidden="false" on:keydown={noop}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={noop} aria-hidden={dynamicAriaHiddenValue} />
+<div on:click={noop} aria-hidden={dynamicAriaHiddenValue}></div>
 
-<div on:click={noop} role="presentation" />
-<div on:click={noop} role="none" />
-<div on:click={noop} role={dynamicRole} />
-<div onclick={noop} role={dynamicRole} />
+<div on:click={noop} role="presentation"></div>
+<div on:click={noop} role="none"></div>
+<div on:click={noop} role={dynamicRole}></div>
+<div onclick={noop} role={dynamicRole}></div>
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <svelte:element this={Math.random() ? 'button' : 'div'} on:click={noop} />
diff --git a/packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/warnings.json b/packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/warnings.json
index 82309f9496..87ec876987 100644
--- a/packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-click-events-have-key-events/warnings.json
@@ -8,7 +8,7 @@
 		},
 		"end": {
 			"line": 13,
-			"column": 23
+			"column": 27
 		}
 	},
 	{
@@ -20,7 +20,7 @@
 		},
 		"end": {
 			"line": 15,
-			"column": 43
+			"column": 47
 		}
 	},
 	{
@@ -32,7 +32,7 @@
 		},
 		"end": {
 			"line": 18,
-			"column": 27
+			"column": 35
 		}
 	},
 	{
@@ -44,7 +44,7 @@
 		},
 		"end": {
 			"line": 20,
-			"column": 24
+			"column": 29
 		}
 	},
 	{
@@ -56,7 +56,7 @@
 		},
 		"end": {
 			"line": 22,
-			"column": 27
+			"column": 35
 		}
 	},
 	{
@@ -68,7 +68,7 @@
 		},
 		"end": {
 			"line": 24,
-			"column": 26
+			"column": 33
 		}
 	},
 	{
@@ -80,7 +80,7 @@
 		},
 		"end": {
 			"line": 26,
-			"column": 26
+			"column": 33
 		}
 	},
 	{
@@ -92,7 +92,7 @@
 		},
 		"end": {
 			"line": 28,
-			"column": 25
+			"column": 32
 		}
 	}
 ]
diff --git a/packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/input.svelte b/packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/input.svelte
index 9caa9ccfaf..270424ccab 100644
--- a/packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/input.svelte
@@ -1,32 +1,32 @@
 <!-- VALID -->
-<div aria-hidden role="button" on:keypress={() => {}} />
-<div aria-disabled role="button" on:keypress={() => {}} />
-<div disabled role="button" on:keypress={() => {}} />
-<div role="presentation" on:keypress={() => {}} />
-<button on:click={() => {}} />
-<div role="menuitem" tabindex="0" on:click={() => {}} on:keypress={() => {}} />
-<div role="button" tabindex="-1" on:click={() => {}} on:keypress={() => {}} />
+<div aria-hidden role="button" on:keypress={() => {}}></div>
+<div aria-disabled role="button" on:keypress={() => {}}></div>
+<div disabled role="button" on:keypress={() => {}}></div>
+<div role="presentation" on:keypress={() => {}}></div>
+<button on:click={() => {}}></button>
+<div role="menuitem" tabindex="0" on:click={() => {}} on:keypress={() => {}}></div>
+<div role="button" tabindex="-1" on:click={() => {}} on:keypress={() => {}}></div>
 
 <!-- INVALID -->
-<div role="button" on:keypress={() => {}} />
-<span role="menuitem" on:keydown={() => {}} />
-<div role="button" on:keyup={() => {}} />
-<span role="menuitem" on:click={() => {}} on:keypress={() => {}} />
-<div role="button" on:contextmenu={() => {}} />
-<span role="menuitem" on:dblclick={() => {}} />
-<div role="button" on:drag={() => {}} />
-<span role="menuitem" on:dragend={() => {}} />
-<div role="button" on:dragenter={() => {}} />
-<span role="menuitem" on:dragexit={() => {}} />
-<div role="button" on:dragleave={() => {}} />
-<span role="menuitem" on:dragover={() => {}} />
-<div role="button" on:dragstart={() => {}} />
-<span role="menuitem" on:drop={() => {}} />
-<div role="button" on:mousedown={() => {}} />
-<span role="menuitem" on:mouseenter={() => {}} />
-<div role="button" on:mouseleave={() => {}} />
-<span role="menuitem" on:mousemove={() => {}} />
-<div role="button" on:mouseout={() => {}} />
-<span role="menuitem" on:mouseover={() => {}} />
-<div role="button" on:mouseup={() => {}} />
+<div role="button" on:keypress={() => {}}></div>
+<span role="menuitem" on:keydown={() => {}}></span>
+<div role="button" on:keyup={() => {}}></div>
+<span role="menuitem" on:click={() => {}} on:keypress={() => {}}></span>
+<div role="button" on:contextmenu={() => {}}></div>
+<span role="menuitem" on:dblclick={() => {}}></span>
+<div role="button" on:drag={() => {}}></div>
+<span role="menuitem" on:dragend={() => {}}></span>
+<div role="button" on:dragenter={() => {}}></div>
+<span role="menuitem" on:dragexit={() => {}}></span>
+<div role="button" on:dragleave={() => {}}></div>
+<span role="menuitem" on:dragover={() => {}}></span>
+<div role="button" on:dragstart={() => {}}></div>
+<span role="menuitem" on:drop={() => {}}></span>
+<div role="button" on:mousedown={() => {}}></div>
+<span role="menuitem" on:mouseenter={() => {}}></span>
+<div role="button" on:mouseleave={() => {}}></div>
+<span role="menuitem" on:mousemove={() => {}}></span>
+<div role="button" on:mouseout={() => {}}></div>
+<span role="menuitem" on:mouseover={() => {}}></span>
+<div role="button" on:mouseup={() => {}}></div>
 
diff --git a/packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/warnings.json b/packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/warnings.json
index a1b5668516..2034bc2bd5 100644
--- a/packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-interactive-supports-focus/warnings.json
@@ -2,7 +2,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 44,
+			"column": 48,
 			"line": 11
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -14,7 +14,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 46,
+			"column": 51,
 			"line": 12
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -26,7 +26,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 41,
+			"column": 45,
 			"line": 13
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -38,7 +38,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 67,
+			"column": 72,
 			"line": 14
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -50,7 +50,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 47,
+			"column": 51,
 			"line": 15
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -62,7 +62,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 47,
+			"column": 52,
 			"line": 16
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -74,7 +74,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 40,
+			"column": 44,
 			"line": 17
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -86,7 +86,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 46,
+			"column": 51,
 			"line": 18
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -98,7 +98,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 45,
+			"column": 49,
 			"line": 19
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -110,7 +110,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 47,
+			"column": 52,
 			"line": 20
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -122,7 +122,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 45,
+			"column": 49,
 			"line": 21
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -134,7 +134,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 47,
+			"column": 52,
 			"line": 22
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -146,7 +146,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 45,
+			"column": 49,
 			"line": 23
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -158,7 +158,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 43,
+			"column": 48,
 			"line": 24
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -170,7 +170,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 45,
+			"column": 49,
 			"line": 25
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -182,7 +182,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 49,
+			"column": 54,
 			"line": 26
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -194,7 +194,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 46,
+			"column": 50,
 			"line": 27
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -206,7 +206,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 48,
+			"column": 53,
 			"line": 28
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -218,7 +218,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 44,
+			"column": 48,
 			"line": 29
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
@@ -230,7 +230,7 @@
 	{
 		"code": "a11y-mouse-events-have-key-events",
 		"end": {
-			"column": 44,
+			"column": 48,
 			"line": 29
 		},
 		"message": "A11y: 'mouseout' event must be accompanied by 'blur' event",
@@ -242,7 +242,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 48,
+			"column": 53,
 			"line": 30
 		},
 		"message": "A11y: Elements with the 'menuitem' interactive role must have a tabindex value.",
@@ -254,7 +254,7 @@
 	{
 		"code": "a11y-mouse-events-have-key-events",
 		"end": {
-			"column": 48,
+			"column": 53,
 			"line": 30
 		},
 		"message": "A11y: 'mouseover' event must be accompanied by 'focus' event",
@@ -266,7 +266,7 @@
 	{
 		"code": "a11y-interactive-supports-focus",
 		"end": {
-			"column": 43,
+			"column": 47,
 			"line": 31
 		},
 		"message": "A11y: Elements with the 'button' interactive role must have a tabindex value.",
diff --git a/packages/svelte/tests/validator/samples/a11y-mouse-events-have-key-events/input.svelte b/packages/svelte/tests/validator/samples/a11y-mouse-events-have-key-events/input.svelte
index 493f637c75..3c7d6aeb12 100644
--- a/packages/svelte/tests/validator/samples/a11y-mouse-events-have-key-events/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-mouse-events-have-key-events/input.svelte
@@ -8,14 +8,14 @@
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:mouseover={() => void 0} />
+<div on:mouseover={() => void 0}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:mouseover={() => void 0} on:focus={() => void 0} />
+<div on:mouseover={() => void 0} on:focus={() => void 0}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:mouseover={() => void 0} {...otherProps} />
+<div on:mouseover={() => void 0} {...otherProps}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:mouseout={() => void 0} />
+<div on:mouseout={() => void 0}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:mouseout={() => void 0} on:blur={() => void 0} />
+<div on:mouseout={() => void 0} on:blur={() => void 0}></div>
 <!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:mouseout={() => void 0} {...otherProps} />
+<div on:mouseout={() => void 0} {...otherProps}></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-mouse-events-have-key-events/warnings.json b/packages/svelte/tests/validator/samples/a11y-mouse-events-have-key-events/warnings.json
index 316cca9690..42aeab3fde 100644
--- a/packages/svelte/tests/validator/samples/a11y-mouse-events-have-key-events/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-mouse-events-have-key-events/warnings.json
@@ -2,7 +2,7 @@
 	{
 		"code": "a11y-mouse-events-have-key-events",
 		"end": {
-			"column": 35,
+			"column": 39,
 			"line": 11
 		},
 		"message": "A11y: 'mouseover' event must be accompanied by 'focus' event",
@@ -14,7 +14,7 @@
 	{
 		"code": "a11y-mouse-events-have-key-events",
 		"end": {
-			"column": 51,
+			"column": 55,
 			"line": 15
 		},
 		"message": "A11y: 'mouseover' event must be accompanied by 'focus' event",
@@ -26,7 +26,7 @@
 	{
 		"code": "a11y-mouse-events-have-key-events",
 		"end": {
-			"column": 34,
+			"column": 38,
 			"line": 17
 		},
 		"message": "A11y: 'mouseout' event must be accompanied by 'blur' event",
@@ -38,7 +38,7 @@
 	{
 		"code": "a11y-mouse-events-have-key-events",
 		"end": {
-			"column": 50,
+			"column": 54,
 			"line": 21
 		},
 		"message": "A11y: 'mouseout' event must be accompanied by 'blur' event",
diff --git a/packages/svelte/tests/validator/samples/a11y-no-abstract-roles/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-abstract-roles/input.svelte
index dbe6bd8581..f03e5084de 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-abstract-roles/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-abstract-roles/input.svelte
@@ -1,12 +1,12 @@
-<div role="command"/>
-<div role="composite"/>
-<div role="input"/>
-<div role="landmark"/>
-<div role="range"/>
-<div role="roletype"/>
-<div role="section"/>
-<div role="sectionhead"/>
-<div role="select"/>
-<div role="structure"/>
-<div role="widget"/>
-<div role="window"/>
+<div role="command"></div>
+<div role="composite"></div>
+<div role="input"></div>
+<div role="landmark"></div>
+<div role="range"></div>
+<div role="roletype"></div>
+<div role="section"></div>
+<div role="sectionhead"></div>
+<div role="select"></div>
+<div role="structure"></div>
+<div role="widget"></div>
+<div role="window"></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-distracting-elements/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-distracting-elements/input.svelte
index cffd2e6412..f4ee628ed5 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-distracting-elements/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-distracting-elements/input.svelte
@@ -1,2 +1,2 @@
-<marquee/>
-<blink/>
\ No newline at end of file
+<marquee></marquee>
+<blink></blink>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-distracting-elements/warnings.json b/packages/svelte/tests/validator/samples/a11y-no-distracting-elements/warnings.json
index 3714e8037e..f2ba85fac0 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-distracting-elements/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-no-distracting-elements/warnings.json
@@ -8,7 +8,7 @@
 		},
 		"end": {
 			"line": 1,
-			"column": 10
+			"column": 19
 		}
 	},
 	{
@@ -20,7 +20,7 @@
 		},
 		"end": {
 			"line": 2,
-			"column": 8
+			"column": 15
 		}
 	}
 ]
diff --git a/packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte
index fadafa2082..0dedcafd90 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/input.svelte
@@ -32,117 +32,117 @@
 <input role="button" />
 
 <!-- select -->
-<select role="article" />
-<select role="banner" />
-<select role="complementary" />
-<select role="img" />
-<select role="listitem" />
-<select role="main" />
-<select role="region" />
-<select role="tooltip" />
-<select role="button" />
+<select role="article"></select>
+<select role="banner"></select>
+<select role="complementary"></select>
+<select role="img"></select>
+<select role="listitem"></select>
+<select role="main"></select>
+<select role="region"></select>
+<select role="tooltip"></select>
+<select role="button"></select>
 
 <!-- textarea -->
-<textarea role="article" />
-<textarea role="banner" />
-<textarea role="complementary" />
-<textarea role="img" />
-<textarea role="listitem" />
-<textarea role="main" />
-<textarea role="region" />
-<textarea role="tooltip" />
-<textarea role="button" />
+<textarea role="article"></textarea>
+<textarea role="banner"></textarea>
+<textarea role="complementary"></textarea>
+<textarea role="img"></textarea>
+<textarea role="listitem"></textarea>
+<textarea role="main"></textarea>
+<textarea role="region"></textarea>
+<textarea role="tooltip"></textarea>
+<textarea role="button"></textarea>
 
 <!-- HTML elements attributed with an abstract role -->
-<div role="command" />
-<div role="composite" />
-<div role="input" />
-<div role="landmark" />
-<div role="range" />
-<div role="roletype" />
-<div role="section" />
-<div role="sectionhead" />
-<div role="select" />
-<div role="structure" />
-<div role="tablist" />
-<div role="toolbar" />
-<div role="tree" />
-<div role="treegrid" />
-<div role="widget" />
-<div role="window" />
+<div role="command"></div>
+<div role="composite"></div>
+<div role="input"></div>
+<div role="landmark"></div>
+<div role="range"></div>
+<div role="roletype"></div>
+<div role="section"></div>
+<div role="sectionhead"></div>
+<div role="select"></div>
+<div role="structure"></div>
+<div role="tablist"></div>
+<div role="toolbar"></div>
+<div role="tree"></div>
+<div role="treegrid"></div>
+<div role="widget"></div>
+<div role="window"></div>
 
 <!-- VALID: div elements assigned an interactive role. -->
-<div role="button" />
-<div role="checkbox" aria-checked={true} />
-<div role="columnheader" />
-<div role="combobox" aria-controls={[]} aria-expanded={true} />
-<div role="grid" />
-<div role="gridcell" />
-<div role="link" />
-<div role="listbox" />
-<div role="menu" />
-<div role="menubar" />
-<div role="menuitem" />
-<div role="menuitemcheckbox" aria-checked />
-<div role="menuitemradio" aria-checked />
-<div role="option" aria-selected />
-<div role="progressbar" />
-<div role="radio" aria-checked />
-<div role="radiogroup" />
-<div role="row" />
-<div role="rowheader" />
-<div role="scrollbar" aria-controls={[]} aria-valuenow={0} />
-<div role="searchbox" />
-<div role="slider" aria-valuenow={0} />
-<div role="spinbutton" />
-<div role="switch" aria-checked />
-<div role="tab" />
-<div role="textbox" />
-<div role="treeitem" aria-selected={true} />
+<div role="button"></div>
+<div role="checkbox" aria-checked={true}></div>
+<div role="columnheader"></div>
+<div role="combobox" aria-controls={[]} aria-expanded={true}></div>
+<div role="grid"></div>
+<div role="gridcell"></div>
+<div role="link"></div>
+<div role="listbox"></div>
+<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="progressbar"></div>
+<div role="radio" aria-checked></div>
+<div role="radiogroup"></div>
+<div role="row"></div>
+<div role="rowheader"></div>
+<div role="scrollbar" aria-controls={[]} aria-valuenow={0}></div>
+<div role="searchbox"></div>
+<div role="slider" aria-valuenow={0}></div>
+<div role="spinbutton"></div>
+<div role="switch" aria-checked></div>
+<div role="tab"></div>
+<div role="textbox"></div>
+<div role="treeitem" aria-selected={true}></div>
 
 <!-- HTML elements attributed with a non-interactive role -->
-<div role="alert" />
-<div role="alertdialog" />
-<div role="application" />
-<div role="article" />
-<div role="banner" />
-<div role="cell" />
-<div role="complementary" />
-<div role="contentinfo" />
-<div role="definition" />
-<div role="dialog" />
-<div role="directory" />
-<div role="document" />
-<div role="feed" />
-<div role="figure" />
-<div role="form" />
-<div role="group" />
-<div role="heading" aria-level="1" />
-<div role="img" />
-<div role="list" />
-<div role="listitem" />
-<div role="log" />
-<div role="main" />
-<div role="marquee" />
-<div role="math" />
-<div role="navigation" />
-<div role="note" />
-<div role="region" />
-<div role="rowgroup" />
-<div role="search" />
-<div role="separator" />
-<div role="scrollbar" aria-controls="x" aria-valuenow="0" />
-<div role="status" />
-<div role="table" />
-<div role="tabpanel" />
-<div role="term" />
-<div role="timer" />
-<div role="tooltip" />
+<div role="alert"></div>
+<div role="alertdialog"></div>
+<div role="application"></div>
+<div role="article"></div>
+<div role="banner"></div>
+<div role="cell"></div>
+<div role="complementary"></div>
+<div role="contentinfo"></div>
+<div role="definition"></div>
+<div role="dialog"></div>
+<div role="directory"></div>
+<div role="document"></div>
+<div role="feed"></div>
+<div role="figure"></div>
+<div role="form"></div>
+<div role="group"></div>
+<div role="heading" aria-level="1"></div>
+<div role="img"></div>
+<div role="list"></div>
+<div role="listitem"></div>
+<div role="log"></div>
+<div role="main"></div>
+<div role="marquee"></div>
+<div role="math"></div>
+<div role="navigation"></div>
+<div role="note"></div>
+<div role="region"></div>
+<div role="rowgroup"></div>
+<div role="search"></div>
+<div role="separator"></div>
+<div role="scrollbar" aria-controls="x" aria-valuenow="0"></div>
+<div role="status"></div>
+<div role="table"></div>
+<div role="tabpanel"></div>
+<div role="term"></div>
+<div role="timer"></div>
+<div role="tooltip"></div>
 
 <!-- not valid -->
-<menuitem role="listitem" />
-<option class="foo" role="listitem" />
-<select class="foo" role="listitem" />
-<textarea class="foo" role="listitem" />
-<tr role="listitem" />
-<summary role="listitem" />
+<menuitem role="listitem"></menuitem>
+<option class="foo" role="listitem"></option>
+<select class="foo" role="listitem"></select>
+<textarea class="foo" role="listitem"></textarea>
+<tr role="listitem"></tr>
+<summary role="listitem"></summary>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/warnings.json b/packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/warnings.json
index 983a0efc74..1f2f8eb991 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-no-interactive-element-to-noninteractive-role/warnings.json
@@ -302,7 +302,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 25,
+			"column": 32,
 			"line": 35
 		},
 		"message": "A11y: <select> cannot have role 'article'",
@@ -314,7 +314,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 24,
+			"column": 31,
 			"line": 36
 		},
 		"message": "A11y: <select> cannot have role 'banner'",
@@ -326,7 +326,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 31,
+			"column": 38,
 			"line": 37
 		},
 		"message": "A11y: <select> cannot have role 'complementary'",
@@ -338,7 +338,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 21,
+			"column": 28,
 			"line": 38
 		},
 		"message": "A11y: <select> cannot have role 'img'",
@@ -350,7 +350,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 26,
+			"column": 33,
 			"line": 39
 		},
 		"message": "A11y: <select> cannot have role 'listitem'",
@@ -362,7 +362,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 22,
+			"column": 29,
 			"line": 40
 		},
 		"message": "A11y: <select> cannot have role 'main'",
@@ -374,7 +374,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 24,
+			"column": 31,
 			"line": 41
 		},
 		"message": "A11y: <select> cannot have role 'region'",
@@ -386,7 +386,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 25,
+			"column": 32,
 			"line": 42
 		},
 		"message": "A11y: <select> cannot have role 'tooltip'",
@@ -398,7 +398,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 27,
+			"column": 36,
 			"line": 46
 		},
 		"message": "A11y: <textarea> cannot have role 'article'",
@@ -410,7 +410,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 26,
+			"column": 35,
 			"line": 47
 		},
 		"message": "A11y: <textarea> cannot have role 'banner'",
@@ -422,7 +422,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 33,
+			"column": 42,
 			"line": 48
 		},
 		"message": "A11y: <textarea> cannot have role 'complementary'",
@@ -434,7 +434,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 23,
+			"column": 32,
 			"line": 49
 		},
 		"message": "A11y: <textarea> cannot have role 'img'",
@@ -446,7 +446,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 28,
+			"column": 37,
 			"line": 50
 		},
 		"message": "A11y: <textarea> cannot have role 'listitem'",
@@ -458,7 +458,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 24,
+			"column": 33,
 			"line": 51
 		},
 		"message": "A11y: <textarea> cannot have role 'main'",
@@ -470,7 +470,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 26,
+			"column": 35,
 			"line": 52
 		},
 		"message": "A11y: <textarea> cannot have role 'region'",
@@ -482,7 +482,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 27,
+			"column": 36,
 			"line": 53
 		},
 		"message": "A11y: <textarea> cannot have role 'tooltip'",
@@ -638,7 +638,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 28,
+			"column": 37,
 			"line": 143
 		},
 		"message": "A11y: <menuitem> cannot have role 'listitem'",
@@ -650,7 +650,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 38,
+			"column": 45,
 			"line": 144
 		},
 		"message": "A11y: <option> cannot have role 'listitem'",
@@ -662,7 +662,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 38,
+			"column": 45,
 			"line": 145
 		},
 		"message": "A11y: <select> cannot have role 'listitem'",
@@ -674,7 +674,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 40,
+			"column": 49,
 			"line": 146
 		},
 		"message": "A11y: <textarea> cannot have role 'listitem'",
@@ -686,7 +686,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 22,
+			"column": 25,
 			"line": 147
 		},
 		"message": "A11y: <tr> cannot have role 'listitem'",
@@ -698,7 +698,7 @@
 	{
 		"code": "a11y-no-interactive-element-to-noninteractive-role",
 		"end": {
-			"column": 27,
+			"column": 35,
 			"line": 148
 		},
 		"message": "A11y: <summary> cannot have role 'listitem'",
diff --git a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/input.svelte
index 91d0ddc382..7c38111cda 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/input.svelte
@@ -1,14 +1,14 @@
 <!-- VALID -->
-<div role="presentation" on:mouseup={() => {}} />
-<div role="button" tabindex="-1" on:click={() => {}} on:keypress={() => {}} />
-<div role="listitem" aria-hidden on:click={() => {}} on:keypress={() => {}} />
-<button on:click={() => {}} />
+<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>
+<button on:click={() => {}}></button>
 <h1 contenteditable="true" on:keydown={() => {}}>Heading</h1>
 <h1>Heading</h1>
 
 <!-- INVALID -->
-<div role="listitem" on:mousedown={() => {}} />
+<div role="listitem" on:mousedown={() => {}}></div>
 <h1 on:click={() => {}} on:keydown={() => {}}>Heading</h1>
 <h1 role="banner" on:keyup={() => {}}>Heading</h1>
-<p on:keypress={() => {}} />
-<div role="paragraph" on:mouseup={() => {}} />
+<p on:keypress={() => {}}></p>
+<div role="paragraph" on:mouseup={() => {}}></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/warnings.json b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/warnings.json
index c18df9f5b7..ae1f6ebb09 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-interactions/warnings.json
@@ -2,7 +2,7 @@
 	{
 		"code": "a11y-no-noninteractive-element-interactions",
 		"end": {
-			"column": 47,
+			"column": 51,
 			"line": 10
 		},
 		"message": "A11y: Non-interactive element <div> should not be assigned mouse or keyboard event listeners.",
@@ -38,7 +38,7 @@
 	{
 		"code": "a11y-no-noninteractive-element-interactions",
 		"end": {
-			"column": 28,
+			"column": 30,
 			"line": 13
 		},
 		"message": "A11y: Non-interactive element <p> should not be assigned mouse or keyboard event listeners.",
@@ -50,7 +50,7 @@
 	{
 		"code": "a11y-no-noninteractive-element-interactions",
 		"end": {
-			"column": 46,
+			"column": 50,
 			"line": 14
 		},
 		"message": "A11y: Non-interactive element <div> should not be assigned mouse or keyboard event listeners.",
diff --git a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte
index 2b42968367..e272ac79f5 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte
@@ -1,22 +1,22 @@
 <!-- ALL INVALID: HTML elements with interactive role  -->
-<article role="button" />
-<aside role="checkbox" aria-checked={false} />
-<blockquote role="columnheader" />
+<article role="button"></article>
+<aside role="checkbox" aria-checked={false}></aside>
+<blockquote role="columnheader"></blockquote>
 <br role="grid" />
-<caption role="gridcell" />
-<dd role="link" />
-<details role="listbox" />
-<dir role="menu" />
-<dl role="menubar" />
-<dfn role="menuitem" />
-<dt role="menuitemcheckbox" aria-checked />
-<fieldset role="menuitemradio" aria-checked />
+<caption role="gridcell"></caption>
+<dd role="link"></dd>
+<details role="listbox"></details>
+<dir role="menu"></dir>
+<dl role="menubar"></dl>
+<dfn role="menuitem"></dfn>
+<dt role="menuitemcheckbox" aria-checked></dt>
+<fieldset role="menuitemradio" aria-checked></fieldset>
 <figure>
-	<figcaption role="menuitemradio" aria-checked />
+	<figcaption role="menuitemradio" aria-checked></figcaption>
 </figure>
-<figure role="option" aria-selected />
-<footer role="radio" aria-checked />
-<form role="radiogroup" />
+<figure role="option" aria-selected></figure>
+<footer role="radio" aria-checked></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>
@@ -25,85 +25,85 @@
 <h6 role="switch" aria-checked>Button</h6>
 <hr role="tab" />
 <img role="tabpanel" alt="tabpanel" />
-<label role="textbox" />
-<legend role="toolbar" />
-<li role="tree" />
-<main role="treegrid" />
-<mark role="treeitem" aria-selected />
-<marquee role="doc-backlink" />
-<menu role="doc-biblioref" />
-<meter role="doc-glossref" />
-<nav role="doc-noteref" />
-<ol role="button" />
-<optgroup role="treeitem" aria-selected />
-<output role="treegrid" />
-<p role="columnheader" />
-<pre role="tree" />
-<progress role="combobox" aria-controls={[]} aria-expanded />
-<ruby role="toolbar" />
-<section role="radio" aria-label="radio" aria-checked />
-<table role="menu" />
-<tbody role="searchbox" />
-<tfoot role="listbox" />
-<thead role="slider" aria-valuenow={0} />
-<time role="doc-backlink" />
-<ul role="spinbutton" />
+<label role="textbox"></label>
+<legend role="toolbar"></legend>
+<li role="tree"></li>
+<main role="treegrid"></main>
+<mark role="treeitem" aria-selected></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>
+<output role="treegrid"></output>
+<p role="columnheader"></p>
+<pre role="tree"></pre>
+<progress role="combobox" aria-controls={[]} aria-expanded></progress>
+<ruby role="toolbar"></ruby>
+<section role="radio" aria-label="radio" aria-checked></section>
+<table role="menu"></table>
+<tbody role="searchbox"></tbody>
+<tfoot role="listbox"></tfoot>
+<thead role="slider" aria-valuenow={0}></thead>
+<time role="doc-backlink"></time>
+<ul role="spinbutton"></ul>
 
 <!-- VALID under recommended settings, INVALID under strict settings: ul, ol, li has interactive roles -->
 <!-- ul -->
-<ul role="menu" />
-<ul role="menubar" />
-<ul role="radiogroup" />
-<ul role="tablist" />
-<ul role="tree" />
-<ul role="treegrid" />
+<ul role="menu"></ul>
+<ul role="menubar"></ul>
+<ul role="radiogroup"></ul>
+<ul role="tablist"></ul>
+<ul role="tree"></ul>
+<ul role="treegrid"></ul>
 <!-- ol -->
-<ol role="menu" />
-<ol role="menubar" />
-<ol role="radiogroup" />
-<ol role="tablist" />
-<ol role="tree" />
-<ol role="treegrid" />
+<ol role="menu"></ol>
+<ol role="menubar"></ol>
+<ol role="radiogroup"></ol>
+<ol role="tablist"></ol>
+<ol role="tree"></ol>
+<ol role="treegrid"></ol>
 <!-- li -->
-<li role="tab" />
-<li role="menuitem" />
-<li role="row" />
-<li role="treeitem" aria-selected={false} />
+<li role="tab"></li>
+<li role="menuitem"></li>
+<li role="row"></li>
+<li role="treeitem" aria-selected={false}></li>
 
 <!-- VALID: elements assigned an interactive role. -->
-<div role="button" />
-<div role="checkbox" aria-checked={true} />
-<div role="columnheader" />
-<div role="combobox" aria-controls={[]} aria-expanded={true} />
-<div role="grid" />
-<div role="gridcell" />
-<div role="link" />
-<div role="listbox" />
-<div role="menu" />
-<div role="menubar" />
-<div role="menuitem" />
-<div role="menuitemcheckbox" aria-checked />
-<div role="menuitemradio" aria-checked />
-<div role="option" aria-selected />
-<div role="progressbar" />
-<div role="radio" aria-checked />
-<div role="radiogroup" />
-<div role="row" />
-<div role="rowheader" />
-<div role="scrollbar" aria-controls={[]} aria-valuenow={0} />
-<div role="searchbox" />
-<div role="slider" aria-valuenow={0} />
-<div role="spinbutton" />
-<div role="switch" aria-checked />
-<div role="tab" />
-<div role="textbox" />
-<div role="treeitem" aria-selected={true} />
-<body role="combobox" aria-controls={[]} aria-expanded />
-<td role="button" />
+<div role="button"></div>
+<div role="checkbox" aria-checked={true}></div>
+<div role="columnheader"></div>
+<div role="combobox" aria-controls={[]} aria-expanded={true}></div>
+<div role="grid"></div>
+<div role="gridcell"></div>
+<div role="link"></div>
+<div role="listbox"></div>
+<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="progressbar"></div>
+<div role="radio" aria-checked></div>
+<div role="radiogroup"></div>
+<div role="row"></div>
+<div role="rowheader"></div>
+<div role="scrollbar" aria-controls={[]} aria-valuenow={0}></div>
+<div role="searchbox"></div>
+<div role="slider" aria-valuenow={0}></div>
+<div role="spinbutton"></div>
+<div role="switch" aria-checked></div>
+<div role="tab"></div>
+<div role="textbox"></div>
+<div role="treeitem" aria-selected={true}></div>
+<body role="combobox" aria-controls={[]} aria-expanded></body>
+<td role="button"></td>
 
 <!-- VALID: HTML elements attributed with a non-interactive role -->
-<div role="alert" />
-<div role="document" />
-<div role="separator" />
-<div role="timer" />
-<frame role="row" />
+<div role="alert"></div>
+<div role="document"></div>
+<div role="separator"></div>
+<div role="timer"></div>
+<frame role="row"></frame>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/warnings.json b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/warnings.json
index 0b9b78e1a2..4dea7346b0 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/warnings.json
@@ -2,295 +2,589 @@
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <article> cannot have interactive role 'button'",
-		"start": { "line": 2, "column": 0 },
-		"end": { "line": 2, "column": 25 }
+		"start": {
+			"line": 2,
+			"column": 0
+		},
+		"end": {
+			"line": 2,
+			"column": 33
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <aside> cannot have interactive role 'checkbox'",
-		"start": { "line": 3, "column": 0 },
-		"end": { "line": 3, "column": 46 }
+		"start": {
+			"line": 3,
+			"column": 0
+		},
+		"end": {
+			"line": 3,
+			"column": 52
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <blockquote> cannot have interactive role 'columnheader'",
-		"start": { "line": 4, "column": 0 },
-		"end": { "line": 4, "column": 34 }
+		"start": {
+			"line": 4,
+			"column": 0
+		},
+		"end": {
+			"line": 4,
+			"column": 45
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <br> cannot have interactive role 'grid'",
-		"start": { "line": 5, "column": 0 },
-		"end": { "line": 5, "column": 18 }
+		"start": {
+			"line": 5,
+			"column": 0
+		},
+		"end": {
+			"line": 5,
+			"column": 18
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <caption> cannot have interactive role 'gridcell'",
-		"start": { "line": 6, "column": 0 },
-		"end": { "line": 6, "column": 27 }
+		"start": {
+			"line": 6,
+			"column": 0
+		},
+		"end": {
+			"line": 6,
+			"column": 35
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <dd> cannot have interactive role 'link'",
-		"start": { "line": 7, "column": 0 },
-		"end": { "line": 7, "column": 18 }
+		"start": {
+			"line": 7,
+			"column": 0
+		},
+		"end": {
+			"line": 7,
+			"column": 21
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <details> cannot have interactive role 'listbox'",
-		"start": { "line": 8, "column": 0 },
-		"end": { "line": 8, "column": 26 }
+		"start": {
+			"line": 8,
+			"column": 0
+		},
+		"end": {
+			"line": 8,
+			"column": 34
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <dir> cannot have interactive role 'menu'",
-		"start": { "line": 9, "column": 0 },
-		"end": { "line": 9, "column": 19 }
+		"start": {
+			"line": 9,
+			"column": 0
+		},
+		"end": {
+			"line": 9,
+			"column": 23
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <dl> cannot have interactive role 'menubar'",
-		"start": { "line": 10, "column": 0 },
-		"end": { "line": 10, "column": 21 }
+		"start": {
+			"line": 10,
+			"column": 0
+		},
+		"end": {
+			"line": 10,
+			"column": 24
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <dfn> cannot have interactive role 'menuitem'",
-		"start": { "line": 11, "column": 0 },
-		"end": { "line": 11, "column": 23 }
+		"start": {
+			"line": 11,
+			"column": 0
+		},
+		"end": {
+			"line": 11,
+			"column": 27
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <dt> cannot have interactive role 'menuitemcheckbox'",
-		"start": { "line": 12, "column": 0 },
-		"end": { "line": 12, "column": 43 }
+		"start": {
+			"line": 12,
+			"column": 0
+		},
+		"end": {
+			"line": 12,
+			"column": 46
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <fieldset> cannot have interactive role 'menuitemradio'",
-		"start": { "line": 13, "column": 0 },
-		"end": { "line": 13, "column": 46 }
+		"start": {
+			"line": 13,
+			"column": 0
+		},
+		"end": {
+			"line": 13,
+			"column": 55
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <figcaption> cannot have interactive role 'menuitemradio'",
-		"start": { "line": 15, "column": 1 },
-		"end": { "line": 15, "column": 49 }
+		"start": {
+			"line": 15,
+			"column": 1
+		},
+		"end": {
+			"line": 15,
+			"column": 60
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <figure> cannot have interactive role 'option'",
-		"start": { "line": 17, "column": 0 },
-		"end": { "line": 17, "column": 38 }
+		"start": {
+			"line": 17,
+			"column": 0
+		},
+		"end": {
+			"line": 17,
+			"column": 45
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <footer> cannot have interactive role 'radio'",
-		"start": { "line": 18, "column": 0 },
-		"end": { "line": 18, "column": 36 }
+		"start": {
+			"line": 18,
+			"column": 0
+		},
+		"end": {
+			"line": 18,
+			"column": 43
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <form> cannot have interactive role 'radiogroup'",
-		"start": { "line": 19, "column": 0 },
-		"end": { "line": 19, "column": 26 }
+		"start": {
+			"line": 19,
+			"column": 0
+		},
+		"end": {
+			"line": 19,
+			"column": 31
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <h1> cannot have interactive role 'rowheader'",
-		"start": { "line": 20, "column": 0 },
-		"end": { "line": 20, "column": 32 }
+		"start": {
+			"line": 20,
+			"column": 0
+		},
+		"end": {
+			"line": 20,
+			"column": 32
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <h2> cannot have interactive role 'scrollbar'",
-		"start": { "line": 21, "column": 0 },
-		"end": { "line": 21, "column": 69 }
+		"start": {
+			"line": 21,
+			"column": 0
+		},
+		"end": {
+			"line": 21,
+			"column": 69
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <h3> cannot have interactive role 'searchbox'",
-		"start": { "line": 22, "column": 0 },
-		"end": { "line": 22, "column": 32 }
+		"start": {
+			"line": 22,
+			"column": 0
+		},
+		"end": {
+			"line": 22,
+			"column": 32
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <h4> cannot have interactive role 'slider'",
-		"start": { "line": 23, "column": 0 },
-		"end": { "line": 23, "column": 47 }
+		"start": {
+			"line": 23,
+			"column": 0
+		},
+		"end": {
+			"line": 23,
+			"column": 47
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <h5> cannot have interactive role 'spinbutton'",
-		"start": { "line": 24, "column": 0 },
-		"end": { "line": 24, "column": 33 }
+		"start": {
+			"line": 24,
+			"column": 0
+		},
+		"end": {
+			"line": 24,
+			"column": 33
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <h6> cannot have interactive role 'switch'",
-		"start": { "line": 25, "column": 0 },
-		"end": { "line": 25, "column": 42 }
+		"start": {
+			"line": 25,
+			"column": 0
+		},
+		"end": {
+			"line": 25,
+			"column": 42
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <hr> cannot have interactive role 'tab'",
-		"start": { "line": 26, "column": 0 },
-		"end": { "line": 26, "column": 17 }
+		"start": {
+			"line": 26,
+			"column": 0
+		},
+		"end": {
+			"line": 26,
+			"column": 17
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <img> cannot have interactive role 'tabpanel'",
-		"start": { "line": 27, "column": 0 },
-		"end": { "line": 27, "column": 38 }
+		"start": {
+			"line": 27,
+			"column": 0
+		},
+		"end": {
+			"line": 27,
+			"column": 38
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <label> cannot have interactive role 'textbox'",
-		"start": { "line": 28, "column": 0 },
-		"end": { "line": 28, "column": 24 }
+		"start": {
+			"line": 28,
+			"column": 0
+		},
+		"end": {
+			"line": 28,
+			"column": 30
+		}
 	},
 	{
 		"code": "a11y-label-has-associated-control",
 		"message": "A11y: A form label must be associated with a control.",
-		"start": { "line": 28, "column": 0 },
-		"end": { "line": 28, "column": 24 }
+		"start": {
+			"line": 28,
+			"column": 0
+		},
+		"end": {
+			"line": 28,
+			"column": 30
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <legend> cannot have interactive role 'toolbar'",
-		"start": { "line": 29, "column": 0 },
-		"end": { "line": 29, "column": 25 }
+		"start": {
+			"line": 29,
+			"column": 0
+		},
+		"end": {
+			"line": 29,
+			"column": 32
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <li> cannot have interactive role 'tree'",
-		"start": { "line": 30, "column": 0 },
-		"end": { "line": 30, "column": 18 }
+		"start": {
+			"line": 30,
+			"column": 0
+		},
+		"end": {
+			"line": 30,
+			"column": 21
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <main> cannot have interactive role 'treegrid'",
-		"start": { "line": 31, "column": 0 },
-		"end": { "line": 31, "column": 24 }
+		"start": {
+			"line": 31,
+			"column": 0
+		},
+		"end": {
+			"line": 31,
+			"column": 29
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <mark> cannot have interactive role 'treeitem'",
-		"start": { "line": 32, "column": 0 },
-		"end": { "line": 32, "column": 38 }
+		"start": {
+			"line": 32,
+			"column": 0
+		},
+		"end": {
+			"line": 32,
+			"column": 43
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <marquee> cannot have interactive role 'doc-backlink'",
-		"start": { "line": 33, "column": 0 },
-		"end": { "line": 33, "column": 31 }
+		"start": {
+			"line": 33,
+			"column": 0
+		},
+		"end": {
+			"line": 33,
+			"column": 39
+		}
 	},
 	{
 		"code": "a11y-distracting-elements",
 		"message": "A11y: Avoid <marquee> elements",
-		"start": { "line": 33, "column": 0 },
-		"end": { "line": 33, "column": 31 }
+		"start": {
+			"line": 33,
+			"column": 0
+		},
+		"end": {
+			"line": 33,
+			"column": 39
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <menu> cannot have interactive role 'doc-biblioref'",
-		"start": { "line": 34, "column": 0 },
-		"end": { "line": 34, "column": 29 }
+		"start": {
+			"line": 34,
+			"column": 0
+		},
+		"end": {
+			"line": 34,
+			"column": 34
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <meter> cannot have interactive role 'doc-glossref'",
-		"start": { "line": 35, "column": 0 },
-		"end": { "line": 35, "column": 29 }
+		"start": {
+			"line": 35,
+			"column": 0
+		},
+		"end": {
+			"line": 35,
+			"column": 35
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <nav> cannot have interactive role 'doc-noteref'",
-		"start": { "line": 36, "column": 0 },
-		"end": { "line": 36, "column": 26 }
+		"start": {
+			"line": 36,
+			"column": 0
+		},
+		"end": {
+			"line": 36,
+			"column": 30
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <ol> cannot have interactive role 'button'",
-		"start": { "line": 37, "column": 0 },
-		"end": { "line": 37, "column": 20 }
+		"start": {
+			"line": 37,
+			"column": 0
+		},
+		"end": {
+			"line": 37,
+			"column": 23
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <optgroup> cannot have interactive role 'treeitem'",
-		"start": { "line": 38, "column": 0 },
-		"end": { "line": 38, "column": 42 }
+		"start": {
+			"line": 38,
+			"column": 0
+		},
+		"end": {
+			"line": 38,
+			"column": 51
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <output> cannot have interactive role 'treegrid'",
-		"start": { "line": 39, "column": 0 },
-		"end": { "line": 39, "column": 26 }
+		"start": {
+			"line": 39,
+			"column": 0
+		},
+		"end": {
+			"line": 39,
+			"column": 33
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <p> cannot have interactive role 'columnheader'",
-		"start": { "line": 40, "column": 0 },
-		"end": { "line": 40, "column": 25 }
+		"start": {
+			"line": 40,
+			"column": 0
+		},
+		"end": {
+			"line": 40,
+			"column": 27
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <pre> cannot have interactive role 'tree'",
-		"start": { "line": 41, "column": 0 },
-		"end": { "line": 41, "column": 19 }
+		"start": {
+			"line": 41,
+			"column": 0
+		},
+		"end": {
+			"line": 41,
+			"column": 23
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <progress> cannot have interactive role 'combobox'",
-		"start": { "line": 42, "column": 0 },
-		"end": { "line": 42, "column": 61 }
+		"start": {
+			"line": 42,
+			"column": 0
+		},
+		"end": {
+			"line": 42,
+			"column": 70
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <ruby> cannot have interactive role 'toolbar'",
-		"start": { "line": 43, "column": 0 },
-		"end": { "line": 43, "column": 23 }
+		"start": {
+			"line": 43,
+			"column": 0
+		},
+		"end": {
+			"line": 43,
+			"column": 28
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <section> cannot have interactive role 'radio'",
-		"start": { "line": 44, "column": 0 },
-		"end": { "line": 44, "column": 56 }
+		"start": {
+			"line": 44,
+			"column": 0
+		},
+		"end": {
+			"line": 44,
+			"column": 64
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <table> cannot have interactive role 'menu'",
-		"start": { "line": 45, "column": 0 },
-		"end": { "line": 45, "column": 21 }
+		"start": {
+			"line": 45,
+			"column": 0
+		},
+		"end": {
+			"line": 45,
+			"column": 27
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <tbody> cannot have interactive role 'searchbox'",
-		"start": { "line": 46, "column": 0 },
-		"end": { "line": 46, "column": 26 }
+		"start": {
+			"line": 46,
+			"column": 0
+		},
+		"end": {
+			"line": 46,
+			"column": 32
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <tfoot> cannot have interactive role 'listbox'",
-		"start": { "line": 47, "column": 0 },
-		"end": { "line": 47, "column": 24 }
+		"start": {
+			"line": 47,
+			"column": 0
+		},
+		"end": {
+			"line": 47,
+			"column": 30
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <thead> cannot have interactive role 'slider'",
-		"start": { "line": 48, "column": 0 },
-		"end": { "line": 48, "column": 41 }
+		"start": {
+			"line": 48,
+			"column": 0
+		},
+		"end": {
+			"line": 48,
+			"column": 47
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <time> cannot have interactive role 'doc-backlink'",
-		"start": { "line": 49, "column": 0 },
-		"end": { "line": 49, "column": 28 }
+		"start": {
+			"line": 49,
+			"column": 0
+		},
+		"end": {
+			"line": 49,
+			"column": 33
+		}
 	},
 	{
 		"code": "a11y-no-noninteractive-element-to-interactive-role",
 		"message": "A11y: Non-interactive element <ul> cannot have interactive role 'spinbutton'",
-		"start": { "line": 50, "column": 0 },
-		"end": { "line": 50, "column": 24 }
+		"start": {
+			"line": 50,
+			"column": 0
+		},
+		"end": {
+			"line": 50,
+			"column": 27
+		}
 	}
 ]
diff --git a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-tabindex/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-tabindex/input.svelte
index 3b1fd14120..8cb10941ae 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-tabindex/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-tabindex/input.svelte
@@ -1,16 +1,16 @@
 <!-- valid -->
-<button />
-<button tabindex='0' />
-<button tabindex='{0}' />
-<div />
-<div tabindex='-1' />
-<div role='button' tabindex='0' />
-<div role='article' tabindex='-1' />
-<article tabindex='-1' />
-<div role="tabpanel" tabindex='0' />
+<button></button>
+<button tabindex='0'></button>
+<button tabindex='{0}'></button>
+<div></div>
+<div tabindex='-1'></div>
+<div role='button' tabindex='0'></div>
+<div role='article' tabindex='-1'></div>
+<article tabindex='-1'></article>
+<div role="tabpanel" tabindex='0'></div>
 <svelte:element this={Math.random() ? 'button' : 'div'} tabindex="0" />
 <!-- invalid -->
-<div tabindex='0' />
-<div role='article' tabindex='0' />
-<article tabindex='0' />
-<article tabindex='{0}' />
+<div tabindex='0'></div>
+<div role='article' tabindex='0'></div>
+<article tabindex='0'></article>
+<article tabindex='{0}'></article>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-tabindex/warnings.json b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-tabindex/warnings.json
index 73f00429df..14c48b00b2 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-tabindex/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-tabindex/warnings.json
@@ -2,7 +2,7 @@
 	{
 		"code": "a11y-no-noninteractive-tabindex",
 		"end": {
-			"column": 20,
+			"column": 24,
 			"line": 13
 		},
 		"message": "A11y: noninteractive element cannot have nonnegative tabIndex value",
@@ -14,7 +14,7 @@
 	{
 		"code": "a11y-no-noninteractive-tabindex",
 		"end": {
-			"column": 35,
+			"column": 39,
 			"line": 14
 		},
 		"message": "A11y: noninteractive element cannot have nonnegative tabIndex value",
@@ -26,7 +26,7 @@
 	{
 		"code": "a11y-no-noninteractive-tabindex",
 		"end": {
-			"column": 24,
+			"column": 32,
 			"line": 15
 		},
 		"message": "A11y: noninteractive element cannot have nonnegative tabIndex value",
@@ -38,7 +38,7 @@
 	{
 		"code": "a11y-no-noninteractive-tabindex",
 		"end": {
-			"column": 26,
+			"column": 34,
 			"line": 16
 		},
 		"message": "A11y: noninteractive element cannot have nonnegative tabIndex value",
diff --git a/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/input.svelte
index e5c987d691..d43f7322c0 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/input.svelte
@@ -1,16 +1,16 @@
 <a href="/" role="link">a link</a>
-<article role="article" />
-<aside role="complementary" />
-<body role="document" />
-<button role="button" />
-<datalist role="listbox" />
-<dd role="definition" />
-<dfn role="term" />
-<details role="group" />
-<dialog role="dialog" />
-<dt role="term" />
-<fieldset role="group" />
-<figure role="figure" />
+<article role="article"></article>
+<aside role="complementary"></aside>
+<body role="document"></body>
+<button role="button"></button>
+<datalist role="listbox"></datalist>
+<dd role="definition"></dd>
+<dfn role="term"></dfn>
+<details role="group"></details>
+<dialog role="dialog"></dialog>
+<dt role="term"></dt>
+<fieldset role="group"></fieldset>
+<figure role="figure"></figure>
 <form role="form">foo</form>
 <h1 role="heading">heading</h1>
 <h2 role="heading">heading</h2>
@@ -21,28 +21,28 @@
 <hr role="separator" />
 <!-- <li role="listitem" /> allowed since CSS list-style none removes semantic meaning and role brings it back -->
 <link role="link" />
-<main role="main" />
-<menu role="list" />
-<nav role="navigation" />
+<main role="main"></main>
+<menu role="list"></menu>
+<nav role="navigation"></nav>
 <!-- <ol role="list" /> allowed, see comment above -->
-<optgroup role="group" />
-<option role="option" />
-<output role="status" />
-<progress role="progressbar" />
-<section role="region" />
-<summary role="button" />
-<table role="table" />
-<tbody role="rowgroup" />
-<textarea role="textbox" />
-<tfoot role="rowgroup" />
-<thead role="rowgroup" />
-<tr role="row" />
+<optgroup role="group"></optgroup>
+<option role="option"></option>
+<output role="status"></output>
+<progress role="progressbar"></progress>
+<section role="region"></section>
+<summary role="button"></summary>
+<table role="table"></table>
+<tbody role="rowgroup"></tbody>
+<textarea role="textbox"></textarea>
+<tfoot role="rowgroup"></tfoot>
+<thead role="rowgroup"></thead>
+<tr role="row"></tr>
 <!--<ul role="list" /> allowed, see comment above -->
 
 <!-- Tested header/footer not nested in section/article -->
-<header role="banner" />
-<footer role="contentinfo" />
+<header role="banner"></header>
+<footer role="contentinfo"></footer>
 
 <!-- Allowed -->
 <!-- svelte-ignore a11y-no-noninteractive-element-to-interactive-role -->
-<menu role="menu" />
+<menu role="menu"></menu>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-static-element-interactions/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-static-element-interactions/input.svelte
index bb4c5e3047..f232f6b0fe 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-static-element-interactions/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-static-element-interactions/input.svelte
@@ -3,17 +3,17 @@
 </script>
 
 <!-- valid -->
-<button on:click={() => {}} />
+<button on:click={() => {}}></button>
 <!-- svelte-ignore a11y-interactive-supports-focus -->
-<div on:keydown={() => {}} role="button" />
+<div on:keydown={() => {}} role="button"></div>
 <input type="text" on:click={() => {}} />
-<div on:copy={() => {}} />
+<div on:copy={() => {}}></div>
 <a href="/foo" on:click={() => {}}>link</a>
-<div role={dynamicRole} on:click={() => {}} />
+<div role={dynamicRole} on:click={() => {}}></div>
 <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-<footer on:keydown={() => {}} />
+<footer on:keydown={() => {}}></footer>
 
 <!-- invalid -->
-<div on:keydown={() => {}} />
+<div on:keydown={() => {}}></div>
 <!-- svelte-ignore a11y-missing-attribute -->
 <a on:mousedown={() => {}} on:mouseup={() => {}} on:copy={() => {}}>link</a>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-static-element-interactions/warnings.json b/packages/svelte/tests/validator/samples/a11y-no-static-element-interactions/warnings.json
index 8ca74b7a1b..f8b982a177 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-static-element-interactions/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-no-static-element-interactions/warnings.json
@@ -2,7 +2,7 @@
 	{
 		"code": "a11y-no-static-element-interactions",
 		"end": {
-			"column": 29,
+			"column": 33,
 			"line": 17
 		},
 		"message": "A11y: <div> with keydown handler must have an ARIA role",
diff --git a/packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/input.svelte b/packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/input.svelte
index 353069dc06..fcbb89ca42 100644
--- a/packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/input.svelte
@@ -1,18 +1,18 @@
 <!-- INVALID -->
 <a aria-setsize="0" href="/">Link</a>
 <area aria-pressed alt="" />
-<article aria-autocomplete="inline" />
-<aside aria-modal />
-<body aria-invalid />
-<button aria-valuemax="0" />
-<datalist aria-valuenow="0" />
-<dd aria-rowindex="0" />
-<dfn aria-colcount="0" />
-<dialog aria-posinset="0" />
-<details aria-orientation="undefined" />
-<dt aria-valuemin="0" />
-<fieldset aria-orientation="undefined" />
-<form aria-disabled />
+<article aria-autocomplete="inline"></article>
+<aside aria-modal></aside>
+<body aria-invalid></body>
+<button aria-valuemax="0"></button>
+<datalist aria-valuenow="0"></datalist>
+<dd aria-rowindex="0"></dd>
+<dfn aria-colcount="0"></dfn>
+<dialog aria-posinset="0"></dialog>
+<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>
@@ -21,145 +21,145 @@
 <h6 aria-valuemin="0">H6</h6>
 <hr aria-required />
 <img aria-level="0" alt="invalid aria" />
-<li aria-required />
+<li aria-required></li>
 <link aria-rowcount="0" />
-<menu aria-valuemin="0" />
-<meter aria-colspan="0" />
-<nav aria-valuetext="" />
-<ol aria-sort="none" />
-<option aria-invalid />
-<optgroup aria-sort="none" />
-<output aria-multiline />
-<progress aria-rowcount="0" />
-<section aria-invalid />
-<summary aria-rowcount="0" />
-<tbody aria-colspan="0" />
-<textarea aria-valuenow="0" />
-<tfoot aria-required />
-<thead aria-valuemin="0" />
-<tr aria-pressed />
-<ul aria-multiselectable />
+<menu aria-valuemin="0"></menu>
+<meter aria-colspan="0"></meter>
+<nav aria-valuetext=""></nav>
+<ol aria-sort="none"></ol>
+<option aria-invalid></option>
+<optgroup aria-sort="none"></optgroup>
+<output aria-multiline></output>
+<progress aria-rowcount="0"></progress>
+<section aria-invalid></section>
+<summary aria-rowcount="0"></summary>
+<tbody aria-colspan="0"></tbody>
+<textarea aria-valuenow="0"></textarea>
+<tfoot aria-required></tfoot>
+<thead aria-valuemin="0"></thead>
+<tr aria-pressed></tr>
+<ul aria-multiselectable></ul>
 
-<div role="alert" aria-colspan="0" />
-<div role="alertdialog" aria-autocomplete="inline" />
-<div role="application" aria-required />
-<div role="article" aria-multiline />
-<div role="banner" aria-autocomplete="inline" />
-<div role="blockquote" aria-valuetext="" />
-<div role="button" aria-colspan="0" />
-<div role="caption" aria-setsize="0" />
-<div role="cell" aria-multiline />
-<div role="checkbox" aria-multiline aria-checked />
-<div role="code" aria-invalid />
-<div role="columnheader" aria-colcount="0" />
-<div role="combobox" aria-multiselectable aria-controls={[]} aria-expanded />
-<div role="complementary" aria-readonly />
-<div role="contentinfo" aria-valuetext="" />
-<div role="definition" aria-multiline />
-<div role="deletion" aria-expanded />
-<div role="dialog" aria-multiline />
-<div role="directory" aria-rowcount="0" />
-<div role="document" aria-valuemin="0" />
-<div role="emphasis" aria-rowindex="0" />
-<div role="feed" aria-colindex="0" />
-<div role="figure" aria-valuemax="0" />
-<div role="form" aria-readonly />
-<div role="generic" aria-valuemax="0" />
-<div role="grid" aria-checked />
-<div role="gridcell" aria-level="0" />
-<div role="group" aria-colspan="0" />
-<div role="heading" aria-activedescendant="id" tabindex="-1" aria-level="0" />
-<div role="insertion" aria-errormessage="error" />
-<div role="link" aria-multiline />
-<div role="list" aria-selected />
-<div role="listbox" aria-haspopup />
-<div role="listitem" aria-activedescendant="id" tabindex="-1" />
-<div role="log" aria-required />
-<div role="main" aria-sort="none" />
-<div role="marquee" aria-autocomplete="inline" />
-<div role="math" aria-multiline />
-<div role="menu" aria-checked />
-<div role="menubar" aria-errormessage="error" />
-<div role="menuitem" aria-checked />
-<div role="menuitemcheckbox" aria-pressed aria-checked="false" />
-<div role="menuitemradio" aria-rowspan="0" aria-checked="false" />
-<div role="meter" aria-valuenow="0" aria-haspopup />
-<div role="navigation" aria-expanded />
-<div role="none" aria-placeholder="" />
-<div role="note" aria-modal />
-<div role="option" aria-selected aria-valuemax="0" />
-<div role="paragraph" aria-level="0" />
-<div role="presentation" aria-disabled />
-<div role="progressbar" aria-expanded />
-<div role="radio" aria-checked aria-rowindex="0" />
-<div role="radiogroup" aria-valuenow="0" />
-<div role="region" aria-rowspan="0" />
-<div role="row" aria-required />
-<div role="rowgroup" aria-expanded />
-<div role="rowheader" aria-activedescendant="id" tabindex="0" />
-<div role="scrollbar" aria-controls={[]} aria-valuenow="0" aria-rowspan="0" />
-<div role="search" aria-autocomplete="inline" />
-<div role="searchbox" aria-colindex="0" />
-<div role="separator" aria-sort="none" />
-<div role="slider" aria-valuenow="0" aria-placeholder="" />
-<div role="spinbutton" aria-posinset="0" />
-<div role="status" aria-valuemin="0" />
-<div role="strong" aria-valuemin="0" />
-<div role="subscript" aria-colcount="0" />
-<div role="superscript" aria-level="0" />
-<div role="switch" aria-checked aria-valuenow="0" />
-<div role="tab" aria-required />
-<div role="table" aria-modal />
-<div role="tablist" aria-setsize="0" />
-<div role="tabpanel" aria-multiselectable />
-<div role="term" aria-posinset="0" />
-<div role="textbox" aria-colspan="0" />
-<div role="time" aria-selected />
-<div role="timer" aria-sort="none" />
-<div role="toolbar" aria-valuetext="" />
-<div role="tooltip" aria-multiline />
-<div role="tree" aria-expanded />
-<div role="treegrid" aria-level="0" />
-<div role="treeitem" aria-selected aria-activedescendant="id" tabindex="-1" />
-<div role="doc-abstract" aria-colindex="0" />
-<div role="doc-acknowledgments" aria-setsize="0" />
-<div role="doc-afterword" aria-modal />
-<div role="doc-appendix" aria-activedescendant="id" tabindex="-1" />
-<div role="doc-backlink" aria-colspan="0" />
-<div role="doc-biblioentry" aria-valuemax="0" />
-<div role="doc-bibliography" aria-level="0" />
-<div role="doc-biblioref" aria-checked />
-<div role="doc-chapter" aria-required />
-<div role="doc-colophon" aria-setsize="0" />
-<div role="doc-conclusion" aria-colindex="0" />
-<div role="doc-cover" aria-modal />
-<div role="doc-credit" aria-selected />
-<div role="doc-credits" aria-orientation="undefined" />
-<div role="doc-dedication" aria-level="0" />
-<div role="doc-endnote" aria-checked />
-<div role="doc-endnotes" aria-colcount="0" />
-<div role="doc-epigraph" aria-multiline />
-<div role="doc-epilogue" aria-colcount="0" />
-<div role="doc-errata" aria-sort="none" />
-<div role="doc-example" aria-multiselectable />
-<div role="doc-footnote" aria-rowcount="0" />
-<div role="doc-foreword" aria-valuenow="0" />
-<div role="doc-glossary" aria-valuetext="" />
-<div role="doc-glossref" aria-placeholder="" />
-<div role="doc-index" aria-rowcount="0" />
-<div role="doc-introduction" aria-pressed />
-<div role="doc-noteref" aria-valuenow="0" />
-<div role="doc-notice" aria-selected />
-<div role="doc-pagebreak" aria-rowcount="0" />
-<div role="doc-pagelist" aria-modal />
-<div role="doc-part" aria-setsize="0" />
-<div role="doc-preface" aria-orientation="undefined" />
-<div role="doc-prologue" aria-required />
-<div role="doc-pullquote" aria-rowcount="0" />
-<div role="doc-qna" aria-setsize="0" />
-<div role="doc-subtitle" aria-rowindex="0" />
-<div role="doc-tip" aria-valuenow="0" />
-<div role="doc-toc" aria-posinset="0" />
+<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="banner" aria-autocomplete="inline"></div>
+<div role="blockquote" aria-valuetext=""></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="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="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="generic" aria-valuemax="0"></div>
+<div role="grid" aria-checked></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="listitem" aria-activedescendant="id" tabindex="-1"></div>
+<div role="log" aria-required></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="menubar" aria-errormessage="error"></div>
+<div role="menuitem" aria-checked></div>
+<div role="menuitemcheckbox" aria-pressed 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="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="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="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="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="tablist" aria-setsize="0"></div>
+<div role="tabpanel" aria-multiselectable></div>
+<div role="term" aria-posinset="0"></div>
+<div role="textbox" aria-colspan="0"></div>
+<div role="time" aria-selected></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="treegrid" aria-level="0"></div>
+<div role="treeitem" aria-selected 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-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-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-credits" aria-orientation="undefined"></div>
+<div role="doc-dedication" aria-level="0"></div>
+<div role="doc-endnote" aria-checked></div>
+<div role="doc-endnotes" aria-colcount="0"></div>
+<div role="doc-epigraph" aria-multiline></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-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-index" aria-rowcount="0"></div>
+<div role="doc-introduction" aria-pressed></div>
+<div role="doc-noteref" aria-valuenow="0"></div>
+<div role="doc-notice" aria-selected></div>
+<div role="doc-pagebreak" aria-rowcount="0"></div>
+<div role="doc-pagelist" aria-modal></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-pullquote" aria-rowcount="0"></div>
+<div role="doc-qna" aria-setsize="0"></div>
+<div role="doc-subtitle" aria-rowindex="0"></div>
+<div role="doc-tip" aria-valuenow="0"></div>
+<div role="doc-toc" aria-posinset="0"></div>
 
 <!-- input and menuitem have different implicit roles based on different type attributes, and thus different valid and invalid props -->
 <!-- INVALID -->
@@ -179,25 +179,25 @@
 <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 -->
-<menuitem type="command" aria-colindex="0" /> <!-- implicit role: menuitem -->
-<menuitem type="checkbox" aria-colcount="0" /> <!-- implicit role: menuitemcheckbox -->
-<menuitem type="radio" aria-placeholder="placeholder" /> <!-- implicit role: menuitemradio -->
+<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="" />
-<article aria-dropeffect="none" />
-<aside aria-keyshortcuts="" />
-<body aria-labelledby="id" />
-<button aria-hidden />
-<datalist aria-activedescendant="id" tabindex="0" />
-<dd aria-labelledby="id" />
-<dfn aria-details="id" />
-<dialog aria-keyshortcuts="" />
-<details aria-keyshortcuts="" />
-<dt aria-hidden />
-<fieldset aria-owns="id" />
-<form aria-keyshortcuts="" />
+<article aria-dropeffect="none"></article>
+<aside aria-keyshortcuts=""></aside>
+<body aria-labelledby="id"></body>
+<button aria-hidden></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>
+<fieldset aria-owns="id"></fieldset>
+<form aria-keyshortcuts=""></form>
 <h1 aria-keyshortcuts="">H1</h1>
 <h2 aria-controls={[]}>H2</h2>
 <h3 aria-controls={[]}>H3</h3>
@@ -206,146 +206,146 @@
 <h6 aria-grabbed>H6</h6>
 <hr aria-relevant="all" />
 <img aria-flowto="id" alt="Valid aria role" />
-<li aria-label="" />
+<li aria-label=""></li>
 <link aria-hidden />
-<menu aria-roledescription="" />
-<meter aria-valuemin="0" />
-<nav aria-labelledby="id" />
-<ol aria-grabbed />
-<option aria-selected />
-<optgroup aria-hidden />
-<output aria-dropeffect="none" />
-<progress aria-hidden />
-<section aria-details="id" />
-<summary aria-controls={[]} />
-<tbody aria-controls={[]} />
-<textarea aria-busy />
-<tfoot aria-labelledby="id" />
-<thead aria-flowto="id" />
-<tr aria-describedby="id" />
-<ul aria-dropeffect="none" />
+<menu aria-roledescription=""></menu>
+<meter aria-valuemin="0"></meter>
+<nav aria-labelledby="id"></nav>
+<ol aria-grabbed></ol>
+<option aria-selected></option>
+<optgroup aria-hidden></optgroup>
+<output aria-dropeffect="none"></output>
+<progress aria-hidden></progress>
+<section aria-details="id"></section>
+<summary aria-controls={[]}></summary>
+<tbody aria-controls={[]}></tbody>
+<textarea aria-busy></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 role="alertdialog" aria-busy />
-<div role="application" aria-invalid />
-<div role="article" aria-atomic />
-<div role="banner" aria-grabbed />
-<div role="blockquote" aria-busy />
-<div role="button" aria-busy />
-<div role="caption" aria-grabbed />
-<div role="cell" aria-rowindex="0" />
-<div role="checkbox" aria-checked aria-details="id" />
-<div role="code" aria-keyshortcuts="" />
-<div role="columnheader" aria-rowspan="0" />
-<div role="combobox" aria-invalid aria-controls={[]} aria-expanded />
-<div role="complementary" aria-label="" />
-<div role="contentinfo" aria-dropeffect="none" />
-<div role="definition" aria-grabbed />
-<div role="deletion" aria-busy />
-<div role="dialog" aria-flowto="id" />
-<div role="directory" aria-controls={[]} />
-<div role="document" aria-grabbed />
-<div role="emphasis" aria-atomic />
-<div role="feed" aria-atomic />
-<div role="figure" aria-busy />
-<div role="form" aria-roledescription="" />
-<div role="generic" aria-current />
-<div role="grid" aria-busy />
-<div role="gridcell" aria-relevant="all" />
-<div role="group" aria-busy />
-<div role="heading" aria-level="" aria-flowto="id" />
-<div role="img" aria-grabbed />
-<div role="insertion" aria-roledescription="" />
-<div role="link" aria-owns="id" />
-<div role="list" aria-labelledby="id" />
-<div role="listbox" aria-current />
-<div role="listitem" aria-controls={[]} />
-<div role="log" aria-controls={[]} />
-<div role="main" aria-keyshortcuts="" />
-<div role="marquee" aria-labelledby="id" />
-<div role="math" aria-labelledby="id" />
-<div role="menu" aria-atomic />
-<div role="menubar" aria-grabbed />
-<div role="menuitem" aria-grabbed />
-<div role="menuitemcheckbox" aria-checked aria-controls={[]} />
-<div role="menuitemradio" aria-checked aria-grabbed />
-<div role="meter" aria-valuenow="0" aria-valuetext="" />
-<div role="navigation" aria-controls={[]} />
-<div role="none" undefined />
-<div role="note" aria-hidden />
-<div role="option" aria-selected aria-describedby="id" />
-<div role="paragraph" aria-grabbed />
-<div role="presentation" aria-relevant="all" />
-<div role="progressbar" aria-valuemin="0" />
-<div role="radio" aria-checked aria-roledescription="" />
-<div role="radiogroup" aria-required />
-<div role="region" aria-roledescription="" />
-<div role="row" aria-posinset="0" />
-<div role="rowgroup" aria-busy />
-<div role="rowheader" aria-label="" />
-<div role="scrollbar" aria-controls={[]} aria-valuenow="0" aria-relevant="all" />
-<div role="search" aria-grabbed />
-<div role="searchbox" aria-dropeffect="none" />
-<div role="separator" aria-roledescription="" />
-<div role="slider" aria-valuenow="0" aria-relevant="all" />
-<div role="spinbutton" aria-required />
-<div role="status" aria-label="" />
-<div role="strong" aria-keyshortcuts="" />
-<div role="subscript" aria-keyshortcuts="" />
-<div role="superscript" aria-live="off" />
-<div role="switch" aria-checked aria-roledescription="" />
-<div role="tab" aria-flowto="id" />
-<div role="table" aria-rowcount="0" />
-<div role="tablist" aria-atomic />
-<div role="tabpanel" aria-labelledby="id" />
-<div role="term" aria-details="id" />
-<div role="textbox" aria-hidden />
-<div role="time" aria-label="" />
-<div role="timer" aria-hidden />
-<div role="toolbar" aria-roledescription="" />
-<div role="tooltip" aria-owns="id" />
-<div role="tree" aria-errormessage="error" />
-<div role="treegrid" aria-details="id" />
-<div role="treeitem" aria-selected="true" aria-dropeffect="none" />
-<div role="doc-abstract" aria-label="" />
-<div role="doc-acknowledgments" aria-controls={[]} />
-<div role="doc-afterword" aria-flowto="id" />
-<div role="doc-appendix" aria-describedby="id" />
-<div role="doc-backlink" aria-dropeffect="none" />
-<div role="doc-biblioentry" aria-roledescription="" />
-<div role="doc-bibliography" aria-labelledby="id" />
-<div role="doc-biblioref" aria-haspopup />
-<div role="doc-chapter" aria-controls={[]} />
-<div role="doc-colophon" aria-expanded />
-<div role="doc-conclusion" aria-dropeffect="none" />
-<div role="doc-cover" aria-controls={[]} />
-<div role="doc-credit" aria-haspopup />
-<div role="doc-credits" aria-describedby="id" />
-<div role="doc-dedication" aria-roledescription="" />
-<div role="doc-endnote" aria-errormessage="error" />
-<div role="doc-endnotes" aria-owns="id" />
-<div role="doc-epigraph" aria-controls={[]} />
-<div role="doc-epilogue" aria-relevant="all" />
-<div role="doc-errata" aria-keyshortcuts="" />
-<div role="doc-example" aria-invalid />
-<div role="doc-footnote" aria-labelledby="id" />
-<div role="doc-foreword" aria-expanded />
-<div role="doc-glossary" aria-grabbed />
-<div role="doc-glossref" aria-haspopup />
-<div role="doc-index" aria-controls={[]} />
-<div role="doc-introduction" aria-labelledby="id" />
-<div role="doc-noteref" aria-details="id" />
-<div role="doc-notice" aria-owns="id" />
-<div role="doc-pagebreak" aria-owns="id" />
-<div role="doc-pagelist" aria-disabled />
-<div role="doc-part" aria-relevant="all" />
-<div role="doc-preface" aria-label="" />
-<div role="doc-prologue" aria-invalid />
-<div role="doc-pullquote" undefined />
-<div role="doc-qna" aria-errormessage="error" />
-<div role="doc-subtitle" aria-errormessage="error" />
-<div role="doc-tip" aria-owns="id" />
-<div role="doc-toc" aria-expanded />
+<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="cell" aria-rowindex="0"></div>
+<div role="checkbox" aria-checked aria-details="id"></div>
+<div role="code" aria-keyshortcuts=""></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="contentinfo" aria-dropeffect="none"></div>
+<div role="definition" aria-grabbed></div>
+<div role="deletion" aria-busy></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="gridcell" aria-relevant="all"></div>
+<div role="group" aria-busy></div>
+<div role="heading" aria-level="" aria-flowto="id"></div>
+<div role="img" aria-grabbed></div>
+<div role="insertion" aria-roledescription=""></div>
+<div role="link" aria-owns="id"></div>
+<div role="list" aria-labelledby="id"></div>
+<div role="listbox" aria-current></div>
+<div role="listitem" aria-controls={[]}></div>
+<div role="log" aria-controls={[]}></div>
+<div role="main" aria-keyshortcuts=""></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="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="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="row" aria-posinset="0"></div>
+<div role="rowgroup" aria-busy></div>
+<div role="rowheader" aria-label=""></div>
+<div role="scrollbar" aria-controls={[]} aria-valuenow="0" aria-relevant="all"></div>
+<div role="search" aria-grabbed></div>
+<div role="searchbox" aria-dropeffect="none"></div>
+<div role="separator" aria-roledescription=""></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="superscript" aria-live="off"></div>
+<div role="switch" aria-checked aria-roledescription=""></div>
+<div role="tab" aria-flowto="id"></div>
+<div role="table" aria-rowcount="0"></div>
+<div role="tablist" aria-atomic></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="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-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-bibliography" aria-labelledby="id"></div>
+<div role="doc-biblioref" aria-haspopup></div>
+<div role="doc-chapter" aria-controls={[]}></div>
+<div role="doc-colophon" aria-expanded></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-credits" aria-describedby="id"></div>
+<div role="doc-dedication" aria-roledescription=""></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-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-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-part" aria-relevant="all"></div>
+<div role="doc-preface" aria-label=""></div>
+<div role="doc-prologue" aria-invalid></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>
 
 <!-- input and menuitem have different implicit roles based on different type attributes, and thus different valid and invalid props -->
 <!-- VALID -->
@@ -365,7 +365,7 @@
 <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 -->
-<menuitem type="command" aria-live="off" /> <!-- implicit role: menuitem -->
-<menuitem type="checkbox" aria-relevant="all" /> <!-- implicit role: menuitemcheckbox -->
-<menuitem type="radio" aria-required /> <!-- implicit role: menuitemradio -->
+<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 -->
 
diff --git a/packages/svelte/tests/validator/samples/a11y-scope/input.svelte b/packages/svelte/tests/validator/samples/a11y-scope/input.svelte
index bcc496d9b3..149e348f02 100644
--- a/packages/svelte/tests/validator/samples/a11y-scope/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-scope/input.svelte
@@ -1,6 +1,6 @@
 <!-- valid -->
-<th scope />
+<th scope></th>
 <svelte:element this={Math.random() ? 'th' : 'td'} scope />
 
 <!-- invalid -->
-<div scope/>
+<div scope></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-tabindex-no-positive/input.svelte b/packages/svelte/tests/validator/samples/a11y-tabindex-no-positive/input.svelte
index f525fca777..eacfdace57 100644
--- a/packages/svelte/tests/validator/samples/a11y-tabindex-no-positive/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-tabindex-no-positive/input.svelte
@@ -2,7 +2,7 @@
 	let foo;
 </script>
 
-<button tabindex='-1'/>
-<button tabindex='0'/>
-<button tabindex='1'/>
-<button tabindex='{foo}'/>
\ No newline at end of file
+<button tabindex='-1'></button>
+<button tabindex='0'></button>
+<button tabindex='1'></button>
+<button tabindex='{foo}'></button>
diff --git a/packages/svelte/tests/validator/samples/animation-each-with-const/input.svelte b/packages/svelte/tests/validator/samples/animation-each-with-const/input.svelte
index 1e236de76f..0c8e06414c 100644
--- a/packages/svelte/tests/validator/samples/animation-each-with-const/input.svelte
+++ b/packages/svelte/tests/validator/samples/animation-each-with-const/input.svelte
@@ -5,6 +5,6 @@
 <div>
   {#each [] as n (n)}
     {@const a = n}
-    <div animate:flip={a} />
+    <div animate:flip={a}></div>
   {/each}
 </div>
diff --git a/packages/svelte/tests/validator/samples/animation-each-with-whitespace/input.svelte b/packages/svelte/tests/validator/samples/animation-each-with-whitespace/input.svelte
index 3e063716ab..2a811098eb 100644
--- a/packages/svelte/tests/validator/samples/animation-each-with-whitespace/input.svelte
+++ b/packages/svelte/tests/validator/samples/animation-each-with-whitespace/input.svelte
@@ -3,5 +3,5 @@
 </script>
 
 <div>
-	{#each [] as n (n)} <div animate:flip /> {/each}
+	{#each [] as n (n)} <div animate:flip></div> {/each}
 </div>
diff --git a/packages/svelte/tests/validator/samples/component-name-lowercase/input.svelte b/packages/svelte/tests/validator/samples/component-name-lowercase/input.svelte
index bfca8cc471..db8ccb969b 100644
--- a/packages/svelte/tests/validator/samples/component-name-lowercase/input.svelte
+++ b/packages/svelte/tests/validator/samples/component-name-lowercase/input.svelte
@@ -5,6 +5,6 @@
 	form;
 </script>
 
-<thisShouldWarnMe />
-<i />
-<form />
+<thisShouldWarnMe></thisShouldWarnMe>
+<i></i>
+<form></form>
diff --git a/packages/svelte/tests/validator/samples/component-name-lowercase/warnings.json b/packages/svelte/tests/validator/samples/component-name-lowercase/warnings.json
index 92f5a6f429..d5ddbf1cc5 100644
--- a/packages/svelte/tests/validator/samples/component-name-lowercase/warnings.json
+++ b/packages/svelte/tests/validator/samples/component-name-lowercase/warnings.json
@@ -7,7 +7,7 @@
 			"line": 8
 		},
 		"end": {
-			"column": 20,
+			"column": 37,
 			"line": 8
 		}
 	}
diff --git a/packages/svelte/tests/validator/samples/component-slotted-custom-element-2/input.svelte b/packages/svelte/tests/validator/samples/component-slotted-custom-element-2/input.svelte
index 221659ca4d..07280cf0a2 100644
--- a/packages/svelte/tests/validator/samples/component-slotted-custom-element-2/input.svelte
+++ b/packages/svelte/tests/validator/samples/component-slotted-custom-element-2/input.svelte
@@ -7,8 +7,8 @@
 	<Nested>
 		{#if thing}
 			<div>
-				<div slot='bar' />
+				<div slot='bar'></div>
 			</div>
 		{/if}
 	</Nested>
-</custom-element>
\ No newline at end of file
+</custom-element>
diff --git a/packages/svelte/tests/validator/samples/component-slotted-custom-element/input.svelte b/packages/svelte/tests/validator/samples/component-slotted-custom-element/input.svelte
index e0e27834c1..859f1416b3 100644
--- a/packages/svelte/tests/validator/samples/component-slotted-custom-element/input.svelte
+++ b/packages/svelte/tests/validator/samples/component-slotted-custom-element/input.svelte
@@ -6,10 +6,10 @@
 <Nested>
 	<custom-element>
 		<div>
-			<div slot='foo' />
+			<div slot='foo'></div>
 		</div>
 		{#if thing}
-			<div slot='bar' />
+			<div slot='bar'></div>
 		{/if}
 	</custom-element>
-</Nested>
\ No newline at end of file
+</Nested>
diff --git a/packages/svelte/tests/validator/samples/const-tag-readonly-1/input.svelte b/packages/svelte/tests/validator/samples/const-tag-readonly-1/input.svelte
index b5a37c8608..e16e55bae2 100644
--- a/packages/svelte/tests/validator/samples/const-tag-readonly-1/input.svelte
+++ b/packages/svelte/tests/validator/samples/const-tag-readonly-1/input.svelte
@@ -4,5 +4,5 @@
 
 {#each array as a}
   {@const b = a + 1}
-  <button on:click={() => b ++} />
-{/each}
\ No newline at end of file
+  <button on:click={() => b ++}></button>
+{/each}
diff --git a/packages/svelte/tests/validator/samples/css-invalid-global-placement-5/input.svelte b/packages/svelte/tests/validator/samples/css-invalid-global-placement-5/input.svelte
index cbd4f3a4fc..28fb7c1d8b 100644
--- a/packages/svelte/tests/validator/samples/css-invalid-global-placement-5/input.svelte
+++ b/packages/svelte/tests/validator/samples/css-invalid-global-placement-5/input.svelte
@@ -4,4 +4,4 @@
 	}
 </style>
 
-<div class="foo" />
\ No newline at end of file
+<div class="foo"></div>
diff --git a/packages/svelte/tests/validator/samples/css-mismatched-quotes/input.svelte b/packages/svelte/tests/validator/samples/css-mismatched-quotes/input.svelte
index 964aa62d7b..75a4e0de59 100644
--- a/packages/svelte/tests/validator/samples/css-mismatched-quotes/input.svelte
+++ b/packages/svelte/tests/validator/samples/css-mismatched-quotes/input.svelte
@@ -1,4 +1,4 @@
-<div />
+<div></div>
 
 <style>
 	div {
diff --git a/packages/svelte/tests/validator/samples/html-block-in-attribute/input.svelte b/packages/svelte/tests/validator/samples/html-block-in-attribute/input.svelte
index 46b8ca5b7e..e3431670fe 100644
--- a/packages/svelte/tests/validator/samples/html-block-in-attribute/input.svelte
+++ b/packages/svelte/tests/validator/samples/html-block-in-attribute/input.svelte
@@ -1 +1 @@
-<div style="{@html text}" />
\ No newline at end of file
+<div style="{@html text}"></div>
diff --git a/packages/svelte/tests/validator/samples/illegal-attribute-character/input.svelte b/packages/svelte/tests/validator/samples/illegal-attribute-character/input.svelte
index c0ef6849a1..d05607f50c 100644
--- a/packages/svelte/tests/validator/samples/illegal-attribute-character/input.svelte
+++ b/packages/svelte/tests/validator/samples/illegal-attribute-character/input.svelte
@@ -2,14 +2,14 @@
     import C from './irrelevant';
 </script>
 
-<button on:click />
-<button xml:click />
-<button xmlns:click />
-<button xlink:click />
+<button on:click></button>
+<button xml:click></button>
+<button xmlns:click></button>
+<button xlink:click></button>
 <C on:click />
 <C xml:click />
 <C xmlns:click />
 <C xlink:click />
 
-<button foo:bar />
+<button foo:bar></button>
 <C foo:bar />
diff --git a/packages/svelte/tests/validator/samples/invalid-self-closing-tag/input.svelte b/packages/svelte/tests/validator/samples/invalid-self-closing-tag/input.svelte
new file mode 100644
index 0000000000..8b09b6f9a3
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/invalid-self-closing-tag/input.svelte
@@ -0,0 +1,7 @@
+<!-- valid -->
+<link />
+<svg><g /></svg>
+
+<!-- invalid -->
+<div />
+<my-thing />
diff --git a/packages/svelte/tests/validator/samples/invalid-self-closing-tag/warnings.json b/packages/svelte/tests/validator/samples/invalid-self-closing-tag/warnings.json
new file mode 100644
index 0000000000..772140c44e
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/invalid-self-closing-tag/warnings.json
@@ -0,0 +1,26 @@
+[
+	{
+		"code": "invalid-self-closing-tag",
+		"message": "Self-closing HTML tags for non-void elements are ambiguous — use <div ...></div> rather than <div ... />",
+		"start": {
+			"line": 6,
+			"column": 0
+		},
+		"end": {
+			"line": 6,
+			"column": 7
+		}
+	},
+	{
+		"code": "invalid-self-closing-tag",
+		"message": "Self-closing HTML tags for non-void elements are ambiguous — use <my-thing ...></my-thing> rather than <my-thing ... />",
+		"start": {
+			"line": 7,
+			"column": 0
+		},
+		"end": {
+			"line": 7,
+			"column": 12
+		}
+	}
+]
diff --git a/packages/svelte/tests/validator/samples/logic-block-in-attribute/input.svelte b/packages/svelte/tests/validator/samples/logic-block-in-attribute/input.svelte
index 241529527c..22999704af 100644
--- a/packages/svelte/tests/validator/samples/logic-block-in-attribute/input.svelte
+++ b/packages/svelte/tests/validator/samples/logic-block-in-attribute/input.svelte
@@ -1 +1 @@
-<div style="{#if condition}a{/if}" />
\ No newline at end of file
+<div style="{#if condition}a{/if}"></div>
diff --git a/packages/svelte/tests/validator/test.ts b/packages/svelte/tests/validator/test.ts
index 8ec8951c04..cf39369e38 100644
--- a/packages/svelte/tests/validator/test.ts
+++ b/packages/svelte/tests/validator/test.ts
@@ -133,7 +133,7 @@ it("does not throw error if 'this' is bound for foreign element", () => {
 		<script>
 			let whatever;
 		</script>
-		<div bind:this={whatever} />`,
+		<div bind:this={whatever}></div>`,
 			{
 				name: 'test',
 				namespace: 'foreign'