From 73fbde15e467f6db078dfd0af8a4fcec87ebd1df Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 24 Apr 2024 21:47:53 -0400
Subject: [PATCH] tweak a11y messages

---
 .../svelte/messages/compile-warnings/a11y.md  |  34 ++---
 packages/svelte/src/compiler/warnings.js      | 100 +++++++--------
 .../each-block-keyed-non-prop/_config.js      |   6 +-
 .../_config.js                                |   4 +-
 .../samples/each-block-keyed/_config.js       |   4 +-
 .../samples/a11y-alt-text/warnings.json       |   8 +-
 .../a11y-anchor-has-content/warnings.json     |   2 +-
 .../a11y-anchor-in-svg-is-valid/warnings.json |   2 +-
 .../a11y-anchor-is-valid/warnings.json        |   6 +-
 .../a11y-aria-activedescendant/warnings.json  |   2 +-
 .../samples/a11y-aria-props/warnings.json     |   2 +-
 .../warnings.json                             |   4 +-
 .../a11y-autocomplete-valid/warnings.json     |   6 +-
 .../warnings.json                             |  16 +--
 .../a11y-heading-has-content/warnings.json    |   4 +-
 .../samples/a11y-html-has-lang/warnings.json  |   2 +-
 .../a11y-iframe-has-title/warnings.json       |   2 +-
 .../a11y-img-redundant-alt/warnings.json      |   6 +-
 .../a11y-media-has-caption/warnings.json      |   8 +-
 .../warnings.json                             |   4 +-
 .../warnings.json                             |  92 +++++++-------
 .../warnings.json                             |  10 +-
 .../warnings.json                             |  96 +++++++-------
 .../warnings.json                             |   4 +-
 .../warnings.json                             | 118 +++++++++---------
 .../samples/a11y-scope/warnings.json          |   2 +-
 .../samples/ignore-warning/warnings.json      |   4 +-
 .../ignore-warnings-cumulative/warnings.json  |   2 +-
 .../ignore-warnings-newline/warnings.json     |   2 +-
 .../ignore-warnings-stacked/warnings.json     |   2 +-
 .../samples/ignore-warnings/warnings.json     |   2 +-
 .../samples/slot-warning/warnings.json        |   2 +-
 .../samples/slot-warning2/warnings.json       |   2 +-
 packages/svelte/tests/validator/test.ts       |   2 +-
 34 files changed, 281 insertions(+), 281 deletions(-)

diff --git a/packages/svelte/messages/compile-warnings/a11y.md b/packages/svelte/messages/compile-warnings/a11y.md
index c73f8c3625..f85c17a56a 100644
--- a/packages/svelte/messages/compile-warnings/a11y.md
+++ b/packages/svelte/messages/compile-warnings/a11y.md
@@ -4,15 +4,15 @@
 
 ## a11y_aria_activedescendant_has_tabindex
 
-> Elements with attribute aria-activedescendant should have tabindex value
+> An element with an aria-activedescendant attribute should have a tabindex value
 
 ## a11y_aria_attributes
 
-> <%name%> should not have aria-* attributes
+> `<%name%>` should not have aria-* attributes
 
 ## a11y_autocomplete_valid
 
-> The value '%value%' is not supported by the attribute 'autocomplete' on element <input type="%type%">
+> '%value%' is an invalid value for 'autocomplete' on `<input type="%type%">`
 
 ## a11y_autofocus
 
@@ -20,11 +20,11 @@
 
 ## a11y_click_events_have_key_events
 
-> Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
+> Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type="button">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
 
 ## a11y_distracting_elements
 
-> Avoid <%name%> elements
+> Avoid `<%name%>` elements
 
 ## a11y_figcaption_index
 
@@ -36,11 +36,11 @@
 
 ## a11y_hidden
 
-> <%name%> element should not be hidden
+> `<%name%>` element should not be hidden
 
 ## a11y_img_redundant_alt
 
-> Screenreaders already announce <img> elements as an image.
+> Screenreaders already announce `<img>` elements as an image.
 
 ## a11y_incorrect_aria_attribute_type
 
@@ -88,23 +88,23 @@
 
 ## a11y_media_has_caption
 
-> <video> elements must have a <track kind="captions">
+> `<video>` elements must have a `<track kind="captions">`
 
 ## a11y_misplaced_role
 
-> <%name%> should not have role attribute
+> `<%name%>` should not have role attribute
 
 ## a11y_misplaced_scope
 
-> The scope attribute should only be used with <th> elements
+> The scope attribute should only be used with `<th>` elements
 
 ## a11y_missing_attribute
 
-> <%name%> element should have %article% %sequence% attribute
+> `<%name%>` element should have %article% %sequence% attribute
 
 ## a11y_missing_content
 
-> <%name%> element should have child content
+> `<%name%>` element should have child content
 
 ## a11y_mouse_events_have_key_events
 
@@ -116,15 +116,15 @@
 
 ## a11y_no_interactive_element_to_noninteractive_role
 
-> <%element%> cannot have role '%role%'
+> `<%element%>` cannot have role '%role%'
 
 ## a11y_no_noninteractive_element_interactions
 
-> Non-interactive element <%element%> should not be assigned mouse or keyboard event listeners.
+> Non-interactive element `<%element%>` should not be assigned mouse or keyboard event listeners.
 
 ## a11y_no_noninteractive_element_to_interactive_role
 
-> Non-interactive element <%element%> cannot have interactive role '%role%'
+> Non-interactive element `<%element%>` cannot have interactive role '%role%'
 
 ## a11y_no_noninteractive_tabindex
 
@@ -136,7 +136,7 @@
 
 ## a11y_no_static_element_interactions
 
-> <%element%> with a %handler% handler must have an ARIA role
+> `<%element%>` with a %handler% handler must have an ARIA role
 
 ## a11y_positive_tabindex
 
@@ -152,7 +152,7 @@
 
 ## a11y_role_supports_aria_props_implicit
 
-> The attribute '%attribute%' is not supported by the role '%role%'. This role is implicit on the element <%name%>
+> The attribute '%attribute%' is not supported by the role '%role%'. This role is implicit on the element `<%name%>`
 
 ## a11y_unknown_aria_attribute
 
diff --git a/packages/svelte/src/compiler/warnings.js b/packages/svelte/src/compiler/warnings.js
index d1b89b4fc0..6d871bf5c7 100644
--- a/packages/svelte/src/compiler/warnings.js
+++ b/packages/svelte/src/compiler/warnings.js
@@ -49,30 +49,30 @@ export function a11y_accesskey(node) {
 }
 
 /**
- * Elements with attribute aria-activedescendant should have tabindex value
+ * An element with an aria-activedescendant attribute should have a tabindex value
  * @param {null | NodeLike} node
  */
 export function a11y_aria_activedescendant_has_tabindex(node) {
-	w(node, "a11y_aria_activedescendant_has_tabindex", "Elements with attribute aria-activedescendant should have tabindex value");
+	w(node, "a11y_aria_activedescendant_has_tabindex", "An element with an aria-activedescendant attribute should have a tabindex value");
 }
 
 /**
- * <%name%> should not have aria-* attributes
+ * `<%name%>` should not have aria-* attributes
  * @param {null | NodeLike} node
  * @param {string} name
  */
 export function a11y_aria_attributes(node, name) {
-	w(node, "a11y_aria_attributes", `<${name}> should not have aria-* attributes`);
+	w(node, "a11y_aria_attributes", `\`<${name}>\` should not have aria-* attributes`);
 }
 
 /**
- * The value '%value%' is not supported by the attribute 'autocomplete' on element <input type="%type%">
+ * '%value%' is an invalid value for 'autocomplete' on `<input type="%type%">`
  * @param {null | NodeLike} node
  * @param {string} value
  * @param {string} type
  */
 export function a11y_autocomplete_valid(node, value, type) {
-	w(node, "a11y_autocomplete_valid", `The value '${value}' is not supported by the attribute 'autocomplete' on element <input type="${type}">`);
+	w(node, "a11y_autocomplete_valid", `'${value}' is an invalid value for 'autocomplete' on \`<input type="${type}">\``);
 }
 
 /**
@@ -84,20 +84,20 @@ export function a11y_autofocus(node) {
 }
 
 /**
- * Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type="button"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
+ * Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type="button">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.
  * @param {null | NodeLike} node
  */
 export function a11y_click_events_have_key_events(node) {
-	w(node, "a11y_click_events_have_key_events", "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.");
+	w(node, "a11y_click_events_have_key_events", "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.");
 }
 
 /**
- * Avoid <%name%> elements
+ * Avoid `<%name%>` elements
  * @param {null | NodeLike} node
  * @param {string} name
  */
 export function a11y_distracting_elements(node, name) {
-	w(node, "a11y_distracting_elements", `Avoid <${name}> elements`);
+	w(node, "a11y_distracting_elements", `Avoid \`<${name}>\` elements`);
 }
 
 /**
@@ -117,20 +117,20 @@ export function a11y_figcaption_parent(node) {
 }
 
 /**
- * <%name%> element should not be hidden
+ * `<%name%>` element should not be hidden
  * @param {null | NodeLike} node
  * @param {string} name
  */
 export function a11y_hidden(node, name) {
-	w(node, "a11y_hidden", `<${name}> element should not be hidden`);
+	w(node, "a11y_hidden", `\`<${name}>\` element should not be hidden`);
 }
 
 /**
- * Screenreaders already announce <img> elements as an image.
+ * Screenreaders already announce `<img>` elements as an image.
  * @param {null | NodeLike} node
  */
 export function a11y_img_redundant_alt(node) {
-	w(node, "a11y_img_redundant_alt", "Screenreaders already announce <img> elements as an image.");
+	w(node, "a11y_img_redundant_alt", "Screenreaders already announce `<img>` elements as an image.");
 }
 
 /**
@@ -236,48 +236,48 @@ export function a11y_label_has_associated_control(node) {
 }
 
 /**
- * <video> elements must have a <track kind="captions">
+ * `<video>` elements must have a `<track kind="captions">`
  * @param {null | NodeLike} node
  */
 export function a11y_media_has_caption(node) {
-	w(node, "a11y_media_has_caption", "<video> elements must have a <track kind=\"captions\">");
+	w(node, "a11y_media_has_caption", "`<video>` elements must have a `<track kind=\"captions\">`");
 }
 
 /**
- * <%name%> should not have role attribute
+ * `<%name%>` should not have role attribute
  * @param {null | NodeLike} node
  * @param {string} name
  */
 export function a11y_misplaced_role(node, name) {
-	w(node, "a11y_misplaced_role", `<${name}> should not have role attribute`);
+	w(node, "a11y_misplaced_role", `\`<${name}>\` should not have role attribute`);
 }
 
 /**
- * The scope attribute should only be used with <th> elements
+ * The scope attribute should only be used with `<th>` elements
  * @param {null | NodeLike} node
  */
 export function a11y_misplaced_scope(node) {
-	w(node, "a11y_misplaced_scope", "The scope attribute should only be used with <th> elements");
+	w(node, "a11y_misplaced_scope", "The scope attribute should only be used with `<th>` elements");
 }
 
 /**
- * <%name%> element should have %article% %sequence% attribute
+ * `<%name%>` element should have %article% %sequence% attribute
  * @param {null | NodeLike} node
  * @param {string} name
  * @param {string} article
  * @param {string} sequence
  */
 export function a11y_missing_attribute(node, name, article, sequence) {
-	w(node, "a11y_missing_attribute", `<${name}> element should have ${article} ${sequence} attribute`);
+	w(node, "a11y_missing_attribute", `\`<${name}>\` element should have ${article} ${sequence} attribute`);
 }
 
 /**
- * <%name%> element should have child content
+ * `<%name%>` element should have child content
  * @param {null | NodeLike} node
  * @param {string} name
  */
 export function a11y_missing_content(node, name) {
-	w(node, "a11y_missing_content", `<${name}> element should have child content`);
+	w(node, "a11y_missing_content", `\`<${name}>\` element should have child content`);
 }
 
 /**
@@ -300,32 +300,32 @@ export function a11y_no_abstract_role(node, role) {
 }
 
 /**
- * <%element%> cannot have role '%role%'
+ * `<%element%>` cannot have role '%role%'
  * @param {null | NodeLike} node
  * @param {string} element
  * @param {string} role
  */
 export function a11y_no_interactive_element_to_noninteractive_role(node, element, role) {
-	w(node, "a11y_no_interactive_element_to_noninteractive_role", `<${element}> cannot have role '${role}'`);
+	w(node, "a11y_no_interactive_element_to_noninteractive_role", `\`<${element}>\` cannot have role '${role}'`);
 }
 
 /**
- * Non-interactive element <%element%> should not be assigned mouse or keyboard event listeners.
+ * Non-interactive element `<%element%>` should not be assigned mouse or keyboard event listeners.
  * @param {null | NodeLike} node
  * @param {string} element
  */
 export function a11y_no_noninteractive_element_interactions(node, element) {
-	w(node, "a11y_no_noninteractive_element_interactions", `Non-interactive element <${element}> should not be assigned mouse or keyboard event listeners.`);
+	w(node, "a11y_no_noninteractive_element_interactions", `Non-interactive element \`<${element}>\` should not be assigned mouse or keyboard event listeners.`);
 }
 
 /**
- * Non-interactive element <%element%> cannot have interactive role '%role%'
+ * Non-interactive element `<%element%>` cannot have interactive role '%role%'
  * @param {null | NodeLike} node
  * @param {string} element
  * @param {string} role
  */
 export function a11y_no_noninteractive_element_to_interactive_role(node, element, role) {
-	w(node, "a11y_no_noninteractive_element_to_interactive_role", `Non-interactive element <${element}> cannot have interactive role '${role}'`);
+	w(node, "a11y_no_noninteractive_element_to_interactive_role", `Non-interactive element \`<${element}>\` cannot have interactive role '${role}'`);
 }
 
 /**
@@ -346,13 +346,13 @@ export function a11y_no_redundant_roles(node, role) {
 }
 
 /**
- * <%element%> with a %handler% handler must have an ARIA role
+ * `<%element%>` with a %handler% handler must have an ARIA role
  * @param {null | NodeLike} node
  * @param {string} element
  * @param {string} handler
  */
 export function a11y_no_static_element_interactions(node, element, handler) {
-	w(node, "a11y_no_static_element_interactions", `<${element}> with a ${handler} handler must have an ARIA role`);
+	w(node, "a11y_no_static_element_interactions", `\`<${element}>\` with a ${handler} handler must have an ARIA role`);
 }
 
 /**
@@ -384,14 +384,14 @@ export function a11y_role_supports_aria_props(node, attribute, role) {
 }
 
 /**
- * The attribute '%attribute%' is not supported by the role '%role%'. This role is implicit on the element <%name%>
+ * The attribute '%attribute%' is not supported by the role '%role%'. This role is implicit on the element `<%name%>`
  * @param {null | NodeLike} node
  * @param {string} attribute
  * @param {string} role
  * @param {string} name
  */
 export function a11y_role_supports_aria_props_implicit(node, attribute, role, name) {
-	w(node, "a11y_role_supports_aria_props_implicit", `The attribute '${attribute}' is not supported by the role '${role}'. This role is implicit on the element <${name}>`);
+	w(node, "a11y_role_supports_aria_props_implicit", `The attribute '${attribute}' is not supported by the role '${role}'. This role is implicit on the element \`<${name}>\``);
 }
 
 /**
@@ -529,20 +529,20 @@ export function reactive_declaration_module_script(node) {
 }
 
 /**
- * It looks like you're using the `$%name%` rune, but there is a local binding called `%name%`. Referencing a local variable with a `$` prefix will create a store subscription. Please rename `%name%` to avoid the ambiguity
+ * State referenced in its own scope will never update. Did you mean to reference it inside a closure?
  * @param {null | NodeLike} node
- * @param {string} name
  */
-export function store_rune_conflict(node, name) {
-	w(node, "store_rune_conflict", `It looks like you're using the \`$${name}\` rune, but there is a local binding called \`${name}\`. Referencing a local variable with a \`$\` prefix will create a store subscription. Please rename \`${name}\` to avoid the ambiguity`);
+export function state_referenced_locally(node) {
+	w(node, "state_referenced_locally", "State referenced in its own scope will never update. Did you mean to reference it inside a closure?");
 }
 
 /**
- * State referenced in its own scope will never update. Did you mean to reference it inside a closure?
+ * It looks like you're using the `$%name%` rune, but there is a local binding called `%name%`. Referencing a local variable with a `$` prefix will create a store subscription. Please rename `%name%` to avoid the ambiguity
  * @param {null | NodeLike} node
+ * @param {string} name
  */
-export function state_referenced_locally(node) {
-	w(node, "state_referenced_locally", "State referenced in its own scope will never update. Did you mean to reference it inside a closure?");
+export function store_rune_conflict(node, name) {
+	w(node, "store_rune_conflict", `It looks like you're using the \`$${name}\` rune, but there is a local binding called \`${name}\`. Referencing a local variable with a \`$\` prefix will create a store subscription. Please rename \`${name}\` to avoid the ambiguity`);
 }
 
 /**
@@ -589,6 +589,15 @@ export function attribute_invalid_property_name(node, wrong, right) {
 	w(node, "attribute_invalid_property_name", `'${wrong}' is not a valid HTML attribute. Did you mean '${right}'?`);
 }
 
+/**
+ * The rest operator (...) will create a new object and binding '%name%' with the original object will not work
+ * @param {null | NodeLike} node
+ * @param {string} name
+ */
+export function bind_invalid_each_rest(node, name) {
+	w(node, "bind_invalid_each_rest", `The rest operator (...) will create a new object and binding '${name}' with the original object will not work`);
+}
+
 /**
  * Empty block
  * @param {null | NodeLike} node
@@ -630,13 +639,4 @@ export function event_directive_deprecated(node, name) {
  */
 export function slot_element_deprecated(node) {
 	w(node, "slot_element_deprecated", "Using `<slot>` to render parent content is deprecated. Use `{@render ...}` tags instead.");
-}
-
-/**
- * The rest operator (...) will create a new object and binding '%name%' with the original object will not work
- * @param {null | NodeLike} node
- * @param {string} name
- */
-export function bind_invalid_each_rest(node, name) {
-	w(node, "bind_invalid_each_rest", `The rest operator (...) will create a new object and binding '${name}' with the original object will not work`);
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-non-prop/_config.js b/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-non-prop/_config.js
index 4561224e72..98c605c5b0 100644
--- a/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-non-prop/_config.js
+++ b/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-non-prop/_config.js
@@ -26,9 +26,9 @@ export default test({
 
 		const [p4, p5] = target.querySelectorAll('p');
 
-		assert.ok(!target.contains(p2), '<p> element should be removed');
+		assert.ok(!target.contains(p2), '`<p>` element should be removed');
 
-		assert.equal(p1, p4, 'first <p> element should be retained');
-		assert.equal(p3, p5, 'last <p> element should be retained');
+		assert.equal(p1, p4, 'first `<p>` element should be retained');
+		assert.equal(p3, p5, 'last `<p>` element should be retained');
 	}
 });
diff --git a/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-object-identity/_config.js b/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-object-identity/_config.js
index 2c3e22f270..154554d079 100644
--- a/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-object-identity/_config.js
+++ b/packages/svelte/tests/runtime-legacy/samples/each-block-keyed-object-identity/_config.js
@@ -27,7 +27,7 @@ export default test({
 
 		const [p3] = target.querySelectorAll('p');
 
-		assert.ok(!target.contains(p1), 'first <p> element should be removed');
-		assert.equal(p2, p3, 'second <p> element should be retained');
+		assert.ok(!target.contains(p1), 'first `<p>` element should be removed');
+		assert.equal(p2, p3, 'second `<p>` element should be retained');
 	}
 });
diff --git a/packages/svelte/tests/runtime-legacy/samples/each-block-keyed/_config.js b/packages/svelte/tests/runtime-legacy/samples/each-block-keyed/_config.js
index 229d305ae6..2ffab3334e 100644
--- a/packages/svelte/tests/runtime-legacy/samples/each-block-keyed/_config.js
+++ b/packages/svelte/tests/runtime-legacy/samples/each-block-keyed/_config.js
@@ -29,7 +29,7 @@ export default test({
 
 		const [p3] = target.querySelectorAll('p');
 
-		assert.ok(!target.contains(p1), 'first <p> element should be removed');
-		assert.equal(p2, p3, 'second <p> element should be retained');
+		assert.ok(!target.contains(p1), 'first `<p>` element should be removed');
+		assert.equal(p2, p3, 'second `<p>` element should be retained');
 	}
 });
diff --git a/packages/svelte/tests/validator/samples/a11y-alt-text/warnings.json b/packages/svelte/tests/validator/samples/a11y-alt-text/warnings.json
index 8a21f3cfe3..dfdc3174b2 100644
--- a/packages/svelte/tests/validator/samples/a11y-alt-text/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-alt-text/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<img> element should have an alt attribute",
+		"message": "`<img>` element should have an alt attribute",
 		"start": {
 			"line": 1,
 			"column": 0
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<area> element should have an alt, aria-label or aria-labelledby attribute",
+		"message": "`<area>` element should have an alt, aria-label or aria-labelledby attribute",
 		"start": {
 			"line": 4,
 			"column": 1
@@ -25,7 +25,7 @@
 	},
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<object> element should have a title, aria-label or aria-labelledby attribute",
+		"message": "`<object>` element should have a title, aria-label or aria-labelledby attribute",
 		"start": {
 			"line": 7,
 			"column": 0
@@ -37,7 +37,7 @@
 	},
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<input type=\"image\"> element should have an alt, aria-label or aria-labelledby attribute",
+		"message": "`<input type=\"image\">` element should have an alt, aria-label or aria-labelledby attribute",
 		"start": {
 			"line": 9,
 			"column": 0
diff --git a/packages/svelte/tests/validator/samples/a11y-anchor-has-content/warnings.json b/packages/svelte/tests/validator/samples/a11y-anchor-has-content/warnings.json
index 0227195c21..eff05f1b9a 100644
--- a/packages/svelte/tests/validator/samples/a11y-anchor-has-content/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-anchor-has-content/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_missing_content",
-		"message": "<a> element should have child content",
+		"message": "`<a>` element should have child content",
 		"start": {
 			"line": 1,
 			"column": 0
diff --git a/packages/svelte/tests/validator/samples/a11y-anchor-in-svg-is-valid/warnings.json b/packages/svelte/tests/validator/samples/a11y-anchor-in-svg-is-valid/warnings.json
index ba46443d65..bb59984bbe 100644
--- a/packages/svelte/tests/validator/samples/a11y-anchor-in-svg-is-valid/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-anchor-in-svg-is-valid/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<a> element should have an href attribute",
+		"message": "`<a>` element should have an href attribute",
 		"start": {
 			"line": 1,
 			"column": 11
diff --git a/packages/svelte/tests/validator/samples/a11y-anchor-is-valid/warnings.json b/packages/svelte/tests/validator/samples/a11y-anchor-is-valid/warnings.json
index 8ecb5cff24..5cb738794b 100644
--- a/packages/svelte/tests/validator/samples/a11y-anchor-is-valid/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-anchor-is-valid/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<a> element should have an href attribute",
+		"message": "`<a>` element should have an href attribute",
 		"start": {
 			"line": 1,
 			"column": 0
@@ -49,7 +49,7 @@
 	},
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<a> element should have an href attribute",
+		"message": "`<a>` element should have an href attribute",
 		"start": {
 			"line": 5,
 			"column": 0
@@ -61,7 +61,7 @@
 	},
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<a> element should have an href attribute",
+		"message": "`<a>` element should have an href attribute",
 		"start": {
 			"line": 6,
 			"column": 0
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-activedescendant/warnings.json b/packages/svelte/tests/validator/samples/a11y-aria-activedescendant/warnings.json
index 79532f4723..c317a0c6d0 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-activedescendant/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-aria-activedescendant/warnings.json
@@ -5,7 +5,7 @@
 			"column": 36,
 			"line": 16
 		},
-		"message": "Elements with attribute aria-activedescendant should have tabindex value",
+		"message": "An element with an aria-activedescendant attribute should have a tabindex value",
 		"start": {
 			"column": 5,
 			"line": 16
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-props/warnings.json b/packages/svelte/tests/validator/samples/a11y-aria-props/warnings.json
index bdb7a976a2..94226b2f50 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-props/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-aria-props/warnings.json
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<input type=\"image\"> element should have an alt, aria-label or aria-labelledby attribute",
+		"message": "`<input type=\"image\">` element should have an alt, aria-label or aria-labelledby attribute",
 		"start": {
 			"column": 0,
 			"line": 1
diff --git a/packages/svelte/tests/validator/samples/a11y-aria-unsupported-element/warnings.json b/packages/svelte/tests/validator/samples/a11y-aria-unsupported-element/warnings.json
index 3a56930a12..9016bc03d1 100644
--- a/packages/svelte/tests/validator/samples/a11y-aria-unsupported-element/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-aria-unsupported-element/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_aria_attributes",
-		"message": "<meta> should not have aria-* attributes",
+		"message": "`<meta>` should not have aria-* attributes",
 		"start": {
 			"line": 1,
 			"column": 6
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_misplaced_role",
-		"message": "<meta> should not have role attribute",
+		"message": "`<meta>` should not have role attribute",
 		"start": {
 			"line": 2,
 			"column": 6
diff --git a/packages/svelte/tests/validator/samples/a11y-autocomplete-valid/warnings.json b/packages/svelte/tests/validator/samples/a11y-autocomplete-valid/warnings.json
index a09a819de1..a4241476e0 100644
--- a/packages/svelte/tests/validator/samples/a11y-autocomplete-valid/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-autocomplete-valid/warnings.json
@@ -5,7 +5,7 @@
 			"column": 31,
 			"line": 25
 		},
-		"message": "The value 'true' is not supported by the attribute 'autocomplete' on element <input type=\"text\">",
+		"message": "'true' is an invalid value for 'autocomplete' on `<input type=\"text\">`",
 		"start": {
 			"column": 19,
 			"line": 25
@@ -17,7 +17,7 @@
 			"column": 43,
 			"line": 26
 		},
-		"message": "The value 'incorrect' is not supported by the attribute 'autocomplete' on element <input type=\"text\">",
+		"message": "'incorrect' is an invalid value for 'autocomplete' on `<input type=\"text\">`",
 		"start": {
 			"column": 19,
 			"line": 26
@@ -29,7 +29,7 @@
 			"column": 42,
 			"line": 27
 		},
-		"message": "The value 'webauthn' is not supported by the attribute 'autocomplete' on element <input type=\"text\">",
+		"message": "'webauthn' is an invalid value for 'autocomplete' on `<input type=\"text\">`",
 		"start": {
 			"column": 19,
 			"line": 27
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 49cfc849f1..00adecd2ea 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
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"line": 13,
 			"column": 0
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"line": 15,
 			"column": 0
@@ -25,7 +25,7 @@
 	},
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"line": 18,
 			"column": 0
@@ -37,7 +37,7 @@
 	},
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"line": 20,
 			"column": 0
@@ -49,7 +49,7 @@
 	},
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"line": 22,
 			"column": 0
@@ -61,7 +61,7 @@
 	},
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"line": 24,
 			"column": 0
@@ -73,7 +73,7 @@
 	},
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"line": 26,
 			"column": 0
@@ -85,7 +85,7 @@
 	},
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"line": 28,
 			"column": 0
diff --git a/packages/svelte/tests/validator/samples/a11y-heading-has-content/warnings.json b/packages/svelte/tests/validator/samples/a11y-heading-has-content/warnings.json
index 64604d61a3..296d680777 100644
--- a/packages/svelte/tests/validator/samples/a11y-heading-has-content/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-heading-has-content/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_missing_content",
-		"message": "<h1> element should have child content",
+		"message": "`<h1>` element should have child content",
 		"start": {
 			"line": 1,
 			"column": 0
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_hidden",
-		"message": "<h2> element should not be hidden",
+		"message": "`<h2>` element should not be hidden",
 		"start": {
 			"line": 2,
 			"column": 4
diff --git a/packages/svelte/tests/validator/samples/a11y-html-has-lang/warnings.json b/packages/svelte/tests/validator/samples/a11y-html-has-lang/warnings.json
index 85eca6e407..bcfc22aed8 100644
--- a/packages/svelte/tests/validator/samples/a11y-html-has-lang/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-html-has-lang/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<html> element should have a lang attribute",
+		"message": "`<html>` element should have a lang attribute",
 		"start": {
 			"column": 0,
 			"line": 9
diff --git a/packages/svelte/tests/validator/samples/a11y-iframe-has-title/warnings.json b/packages/svelte/tests/validator/samples/a11y-iframe-has-title/warnings.json
index 2d80b9b502..323fbaf6a9 100644
--- a/packages/svelte/tests/validator/samples/a11y-iframe-has-title/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-iframe-has-title/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_missing_attribute",
-		"message": "<iframe> element should have a title attribute",
+		"message": "`<iframe>` element should have a title attribute",
 		"start": {
 			"line": 5,
 			"column": 0
diff --git a/packages/svelte/tests/validator/samples/a11y-img-redundant-alt/warnings.json b/packages/svelte/tests/validator/samples/a11y-img-redundant-alt/warnings.json
index b2b0e4f33a..acba9e7318 100644
--- a/packages/svelte/tests/validator/samples/a11y-img-redundant-alt/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-img-redundant-alt/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_img_redundant_alt",
-		"message": "Screenreaders already announce <img> elements as an image.",
+		"message": "Screenreaders already announce `<img>` elements as an image.",
 		"end": {
 			"column": 49,
 			"line": 3
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_img_redundant_alt",
-		"message": "Screenreaders already announce <img> elements as an image.",
+		"message": "Screenreaders already announce `<img>` elements as an image.",
 		"end": {
 			"column": 45,
 			"line": 4
@@ -25,7 +25,7 @@
 	},
 	{
 		"code": "a11y_img_redundant_alt",
-		"message": "Screenreaders already announce <img> elements as an image.",
+		"message": "Screenreaders already announce `<img>` elements as an image.",
 		"end": {
 			"column": 52,
 			"line": 5
diff --git a/packages/svelte/tests/validator/samples/a11y-media-has-caption/warnings.json b/packages/svelte/tests/validator/samples/a11y-media-has-caption/warnings.json
index cfefede261..3ef72edc78 100644
--- a/packages/svelte/tests/validator/samples/a11y-media-has-caption/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-media-has-caption/warnings.json
@@ -5,7 +5,7 @@
 			"column": 15,
 			"line": 2
 		},
-		"message": "<video> elements must have a <track kind=\"captions\">",
+		"message": "`<video>` elements must have a `<track kind=\"captions\">`",
 		"start": {
 			"column": 0,
 			"line": 2
@@ -17,7 +17,7 @@
 			"column": 24,
 			"line": 3
 		},
-		"message": "<video> elements must have a <track kind=\"captions\">",
+		"message": "`<video>` elements must have a `<track kind=\"captions\">`",
 		"start": {
 			"column": 0,
 			"line": 3
@@ -29,7 +29,7 @@
 			"column": 27,
 			"line": 5
 		},
-		"message": "<video> elements must have a <track kind=\"captions\">",
+		"message": "`<video>` elements must have a `<track kind=\"captions\">`",
 		"start": {
 			"column": 0,
 			"line": 5
@@ -41,7 +41,7 @@
 			"column": 35,
 			"line": 6
 		},
-		"message": "<video> elements must have a <track kind=\"captions\">",
+		"message": "`<video>` elements must have a `<track kind=\"captions\">`",
 		"start": {
 			"column": 0,
 			"line": 6
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 1c4e362ec1..6b9a2a0974 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
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_distracting_elements",
-		"message": "Avoid <marquee> elements",
+		"message": "Avoid `<marquee>` elements",
 		"start": {
 			"line": 1,
 			"column": 0
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_distracting_elements",
-		"message": "Avoid <blink> elements",
+		"message": "Avoid `<blink>` elements",
 		"start": {
 			"line": 2,
 			"column": 0
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 2cdbde0b9a..319278f3f5 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
@@ -5,7 +5,7 @@
 			"column": 38,
 			"line": 2
 		},
-		"message": "<a> cannot have role 'article'",
+		"message": "`<a>` cannot have role 'article'",
 		"start": {
 			"column": 0,
 			"line": 2
@@ -17,7 +17,7 @@
 			"column": 37,
 			"line": 3
 		},
-		"message": "<a> cannot have role 'banner'",
+		"message": "`<a>` cannot have role 'banner'",
 		"start": {
 			"column": 0,
 			"line": 3
@@ -29,7 +29,7 @@
 			"column": 44,
 			"line": 4
 		},
-		"message": "<a> cannot have role 'complementary'",
+		"message": "`<a>` cannot have role 'complementary'",
 		"start": {
 			"column": 0,
 			"line": 4
@@ -41,7 +41,7 @@
 			"column": 34,
 			"line": 5
 		},
-		"message": "<a> cannot have role 'img'",
+		"message": "`<a>` cannot have role 'img'",
 		"start": {
 			"column": 0,
 			"line": 5
@@ -53,7 +53,7 @@
 			"column": 39,
 			"line": 6
 		},
-		"message": "<a> cannot have role 'listitem'",
+		"message": "`<a>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 6
@@ -65,7 +65,7 @@
 			"column": 35,
 			"line": 7
 		},
-		"message": "<a> cannot have role 'main'",
+		"message": "`<a>` cannot have role 'main'",
 		"start": {
 			"column": 0,
 			"line": 7
@@ -77,7 +77,7 @@
 			"column": 37,
 			"line": 8
 		},
-		"message": "<a> cannot have role 'region'",
+		"message": "`<a>` cannot have role 'region'",
 		"start": {
 			"column": 0,
 			"line": 8
@@ -89,7 +89,7 @@
 			"column": 38,
 			"line": 9
 		},
-		"message": "<a> cannot have role 'tooltip'",
+		"message": "`<a>` cannot have role 'tooltip'",
 		"start": {
 			"column": 0,
 			"line": 9
@@ -101,7 +101,7 @@
 			"column": 38,
 			"line": 13
 		},
-		"message": "<button> cannot have role 'article'",
+		"message": "`<button>` cannot have role 'article'",
 		"start": {
 			"column": 0,
 			"line": 13
@@ -113,7 +113,7 @@
 			"column": 37,
 			"line": 14
 		},
-		"message": "<button> cannot have role 'banner'",
+		"message": "`<button>` cannot have role 'banner'",
 		"start": {
 			"column": 0,
 			"line": 14
@@ -125,7 +125,7 @@
 			"column": 44,
 			"line": 15
 		},
-		"message": "<button> cannot have role 'complementary'",
+		"message": "`<button>` cannot have role 'complementary'",
 		"start": {
 			"column": 0,
 			"line": 15
@@ -137,7 +137,7 @@
 			"column": 34,
 			"line": 16
 		},
-		"message": "<button> cannot have role 'img'",
+		"message": "`<button>` cannot have role 'img'",
 		"start": {
 			"column": 0,
 			"line": 16
@@ -149,7 +149,7 @@
 			"column": 39,
 			"line": 17
 		},
-		"message": "<button> cannot have role 'listitem'",
+		"message": "`<button>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 17
@@ -161,7 +161,7 @@
 			"column": 35,
 			"line": 18
 		},
-		"message": "<button> cannot have role 'main'",
+		"message": "`<button>` cannot have role 'main'",
 		"start": {
 			"column": 0,
 			"line": 18
@@ -173,7 +173,7 @@
 			"column": 37,
 			"line": 19
 		},
-		"message": "<button> cannot have role 'region'",
+		"message": "`<button>` cannot have role 'region'",
 		"start": {
 			"column": 0,
 			"line": 19
@@ -185,7 +185,7 @@
 			"column": 38,
 			"line": 20
 		},
-		"message": "<button> cannot have role 'tooltip'",
+		"message": "`<button>` cannot have role 'tooltip'",
 		"start": {
 			"column": 0,
 			"line": 20
@@ -209,7 +209,7 @@
 			"column": 24,
 			"line": 24
 		},
-		"message": "<input> cannot have role 'article'",
+		"message": "`<input>` cannot have role 'article'",
 		"start": {
 			"column": 0,
 			"line": 24
@@ -221,7 +221,7 @@
 			"column": 23,
 			"line": 25
 		},
-		"message": "<input> cannot have role 'banner'",
+		"message": "`<input>` cannot have role 'banner'",
 		"start": {
 			"column": 0,
 			"line": 25
@@ -233,7 +233,7 @@
 			"column": 30,
 			"line": 26
 		},
-		"message": "<input> cannot have role 'complementary'",
+		"message": "`<input>` cannot have role 'complementary'",
 		"start": {
 			"column": 0,
 			"line": 26
@@ -245,7 +245,7 @@
 			"column": 20,
 			"line": 27
 		},
-		"message": "<input> cannot have role 'img'",
+		"message": "`<input>` cannot have role 'img'",
 		"start": {
 			"column": 0,
 			"line": 27
@@ -257,7 +257,7 @@
 			"column": 25,
 			"line": 28
 		},
-		"message": "<input> cannot have role 'listitem'",
+		"message": "`<input>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 28
@@ -269,7 +269,7 @@
 			"column": 21,
 			"line": 29
 		},
-		"message": "<input> cannot have role 'main'",
+		"message": "`<input>` cannot have role 'main'",
 		"start": {
 			"column": 0,
 			"line": 29
@@ -281,7 +281,7 @@
 			"column": 23,
 			"line": 30
 		},
-		"message": "<input> cannot have role 'region'",
+		"message": "`<input>` cannot have role 'region'",
 		"start": {
 			"column": 0,
 			"line": 30
@@ -293,7 +293,7 @@
 			"column": 24,
 			"line": 31
 		},
-		"message": "<input> cannot have role 'tooltip'",
+		"message": "`<input>` cannot have role 'tooltip'",
 		"start": {
 			"column": 0,
 			"line": 31
@@ -305,7 +305,7 @@
 			"column": 32,
 			"line": 35
 		},
-		"message": "<select> cannot have role 'article'",
+		"message": "`<select>` cannot have role 'article'",
 		"start": {
 			"column": 0,
 			"line": 35
@@ -317,7 +317,7 @@
 			"column": 31,
 			"line": 36
 		},
-		"message": "<select> cannot have role 'banner'",
+		"message": "`<select>` cannot have role 'banner'",
 		"start": {
 			"column": 0,
 			"line": 36
@@ -329,7 +329,7 @@
 			"column": 38,
 			"line": 37
 		},
-		"message": "<select> cannot have role 'complementary'",
+		"message": "`<select>` cannot have role 'complementary'",
 		"start": {
 			"column": 0,
 			"line": 37
@@ -341,7 +341,7 @@
 			"column": 28,
 			"line": 38
 		},
-		"message": "<select> cannot have role 'img'",
+		"message": "`<select>` cannot have role 'img'",
 		"start": {
 			"column": 0,
 			"line": 38
@@ -353,7 +353,7 @@
 			"column": 33,
 			"line": 39
 		},
-		"message": "<select> cannot have role 'listitem'",
+		"message": "`<select>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 39
@@ -365,7 +365,7 @@
 			"column": 29,
 			"line": 40
 		},
-		"message": "<select> cannot have role 'main'",
+		"message": "`<select>` cannot have role 'main'",
 		"start": {
 			"column": 0,
 			"line": 40
@@ -377,7 +377,7 @@
 			"column": 31,
 			"line": 41
 		},
-		"message": "<select> cannot have role 'region'",
+		"message": "`<select>` cannot have role 'region'",
 		"start": {
 			"column": 0,
 			"line": 41
@@ -389,7 +389,7 @@
 			"column": 32,
 			"line": 42
 		},
-		"message": "<select> cannot have role 'tooltip'",
+		"message": "`<select>` cannot have role 'tooltip'",
 		"start": {
 			"column": 0,
 			"line": 42
@@ -401,7 +401,7 @@
 			"column": 36,
 			"line": 46
 		},
-		"message": "<textarea> cannot have role 'article'",
+		"message": "`<textarea>` cannot have role 'article'",
 		"start": {
 			"column": 0,
 			"line": 46
@@ -413,7 +413,7 @@
 			"column": 35,
 			"line": 47
 		},
-		"message": "<textarea> cannot have role 'banner'",
+		"message": "`<textarea>` cannot have role 'banner'",
 		"start": {
 			"column": 0,
 			"line": 47
@@ -425,7 +425,7 @@
 			"column": 42,
 			"line": 48
 		},
-		"message": "<textarea> cannot have role 'complementary'",
+		"message": "`<textarea>` cannot have role 'complementary'",
 		"start": {
 			"column": 0,
 			"line": 48
@@ -437,7 +437,7 @@
 			"column": 32,
 			"line": 49
 		},
-		"message": "<textarea> cannot have role 'img'",
+		"message": "`<textarea>` cannot have role 'img'",
 		"start": {
 			"column": 0,
 			"line": 49
@@ -449,7 +449,7 @@
 			"column": 37,
 			"line": 50
 		},
-		"message": "<textarea> cannot have role 'listitem'",
+		"message": "`<textarea>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 50
@@ -461,7 +461,7 @@
 			"column": 33,
 			"line": 51
 		},
-		"message": "<textarea> cannot have role 'main'",
+		"message": "`<textarea>` cannot have role 'main'",
 		"start": {
 			"column": 0,
 			"line": 51
@@ -473,7 +473,7 @@
 			"column": 35,
 			"line": 52
 		},
-		"message": "<textarea> cannot have role 'region'",
+		"message": "`<textarea>` cannot have role 'region'",
 		"start": {
 			"column": 0,
 			"line": 52
@@ -485,7 +485,7 @@
 			"column": 36,
 			"line": 53
 		},
-		"message": "<textarea> cannot have role 'tooltip'",
+		"message": "`<textarea>` cannot have role 'tooltip'",
 		"start": {
 			"column": 0,
 			"line": 53
@@ -641,7 +641,7 @@
 			"column": 37,
 			"line": 143
 		},
-		"message": "<menuitem> cannot have role 'listitem'",
+		"message": "`<menuitem>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 143
@@ -653,7 +653,7 @@
 			"column": 45,
 			"line": 144
 		},
-		"message": "<option> cannot have role 'listitem'",
+		"message": "`<option>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 144
@@ -665,7 +665,7 @@
 			"column": 45,
 			"line": 145
 		},
-		"message": "<select> cannot have role 'listitem'",
+		"message": "`<select>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 145
@@ -677,7 +677,7 @@
 			"column": 49,
 			"line": 146
 		},
-		"message": "<textarea> cannot have role 'listitem'",
+		"message": "`<textarea>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 146
@@ -689,7 +689,7 @@
 			"column": 25,
 			"line": 147
 		},
-		"message": "<tr> cannot have role 'listitem'",
+		"message": "`<tr>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 147
@@ -701,7 +701,7 @@
 			"column": 35,
 			"line": 148
 		},
-		"message": "<summary> cannot have role 'listitem'",
+		"message": "`<summary>` cannot have role 'listitem'",
 		"start": {
 			"column": 0,
 			"line": 148
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 df22c49b9f..e9b038c823 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
@@ -5,7 +5,7 @@
 			"column": 51,
 			"line": 10
 		},
-		"message": "Non-interactive element <div> should not be assigned mouse or keyboard event listeners.",
+		"message": "Non-interactive element `<div>` should not be assigned mouse or keyboard event listeners.",
 		"start": {
 			"column": 0,
 			"line": 10
@@ -17,7 +17,7 @@
 			"column": 58,
 			"line": 11
 		},
-		"message": "Non-interactive element <h1> should not be assigned mouse or keyboard event listeners.",
+		"message": "Non-interactive element `<h1>` should not be assigned mouse or keyboard event listeners.",
 		"start": {
 			"column": 0,
 			"line": 11
@@ -29,7 +29,7 @@
 			"column": 50,
 			"line": 12
 		},
-		"message": "Non-interactive element <h1> should not be assigned mouse or keyboard event listeners.",
+		"message": "Non-interactive element `<h1>` should not be assigned mouse or keyboard event listeners.",
 		"start": {
 			"column": 0,
 			"line": 12
@@ -41,7 +41,7 @@
 			"column": 30,
 			"line": 13
 		},
-		"message": "Non-interactive element <p> should not be assigned mouse or keyboard event listeners.",
+		"message": "Non-interactive element `<p>` should not be assigned mouse or keyboard event listeners.",
 		"start": {
 			"column": 0,
 			"line": 13
@@ -53,7 +53,7 @@
 			"column": 50,
 			"line": 14
 		},
-		"message": "Non-interactive element <div> should not be assigned mouse or keyboard event listeners.",
+		"message": "Non-interactive element `<div>` should not be assigned mouse or keyboard event listeners.",
 		"start": {
 			"column": 0,
 			"line": 14
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 57eb3d9028..e8d54ee9e5 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
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <article> cannot have interactive role 'button'",
+		"message": "Non-interactive element `<article>` cannot have interactive role 'button'",
 		"start": {
 			"line": 2,
 			"column": 0
@@ -13,7 +13,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <aside> cannot have interactive role 'checkbox'",
+		"message": "Non-interactive element `<aside>` cannot have interactive role 'checkbox'",
 		"start": {
 			"line": 3,
 			"column": 0
@@ -25,7 +25,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <blockquote> cannot have interactive role 'columnheader'",
+		"message": "Non-interactive element `<blockquote>` cannot have interactive role 'columnheader'",
 		"start": {
 			"line": 4,
 			"column": 0
@@ -37,7 +37,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <br> cannot have interactive role 'grid'",
+		"message": "Non-interactive element `<br>` cannot have interactive role 'grid'",
 		"start": {
 			"line": 5,
 			"column": 0
@@ -49,7 +49,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <caption> cannot have interactive role 'gridcell'",
+		"message": "Non-interactive element `<caption>` cannot have interactive role 'gridcell'",
 		"start": {
 			"line": 6,
 			"column": 0
@@ -61,7 +61,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <dd> cannot have interactive role 'link'",
+		"message": "Non-interactive element `<dd>` cannot have interactive role 'link'",
 		"start": {
 			"line": 7,
 			"column": 0
@@ -73,7 +73,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <details> cannot have interactive role 'listbox'",
+		"message": "Non-interactive element `<details>` cannot have interactive role 'listbox'",
 		"start": {
 			"line": 8,
 			"column": 0
@@ -85,7 +85,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <dir> cannot have interactive role 'menu'",
+		"message": "Non-interactive element `<dir>` cannot have interactive role 'menu'",
 		"start": {
 			"line": 9,
 			"column": 0
@@ -97,7 +97,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <dl> cannot have interactive role 'menubar'",
+		"message": "Non-interactive element `<dl>` cannot have interactive role 'menubar'",
 		"start": {
 			"line": 10,
 			"column": 0
@@ -109,7 +109,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <dfn> cannot have interactive role 'menuitem'",
+		"message": "Non-interactive element `<dfn>` cannot have interactive role 'menuitem'",
 		"start": {
 			"line": 11,
 			"column": 0
@@ -121,7 +121,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <dt> cannot have interactive role 'menuitemcheckbox'",
+		"message": "Non-interactive element `<dt>` cannot have interactive role 'menuitemcheckbox'",
 		"start": {
 			"line": 12,
 			"column": 0
@@ -133,7 +133,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <fieldset> cannot have interactive role 'menuitemradio'",
+		"message": "Non-interactive element `<fieldset>` cannot have interactive role 'menuitemradio'",
 		"start": {
 			"line": 13,
 			"column": 0
@@ -145,7 +145,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <figcaption> cannot have interactive role 'menuitemradio'",
+		"message": "Non-interactive element `<figcaption>` cannot have interactive role 'menuitemradio'",
 		"start": {
 			"line": 15,
 			"column": 1
@@ -157,7 +157,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <figure> cannot have interactive role 'option'",
+		"message": "Non-interactive element `<figure>` cannot have interactive role 'option'",
 		"start": {
 			"line": 17,
 			"column": 0
@@ -169,7 +169,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <footer> cannot have interactive role 'radio'",
+		"message": "Non-interactive element `<footer>` cannot have interactive role 'radio'",
 		"start": {
 			"line": 18,
 			"column": 0
@@ -181,7 +181,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <form> cannot have interactive role 'radiogroup'",
+		"message": "Non-interactive element `<form>` cannot have interactive role 'radiogroup'",
 		"start": {
 			"line": 19,
 			"column": 0
@@ -193,7 +193,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <h1> cannot have interactive role 'rowheader'",
+		"message": "Non-interactive element `<h1>` cannot have interactive role 'rowheader'",
 		"start": {
 			"line": 20,
 			"column": 0
@@ -205,7 +205,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <h2> cannot have interactive role 'scrollbar'",
+		"message": "Non-interactive element `<h2>` cannot have interactive role 'scrollbar'",
 		"start": {
 			"line": 21,
 			"column": 0
@@ -217,7 +217,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <h3> cannot have interactive role 'searchbox'",
+		"message": "Non-interactive element `<h3>` cannot have interactive role 'searchbox'",
 		"start": {
 			"line": 22,
 			"column": 0
@@ -229,7 +229,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <h4> cannot have interactive role 'slider'",
+		"message": "Non-interactive element `<h4>` cannot have interactive role 'slider'",
 		"start": {
 			"line": 23,
 			"column": 0
@@ -241,7 +241,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <h5> cannot have interactive role 'spinbutton'",
+		"message": "Non-interactive element `<h5>` cannot have interactive role 'spinbutton'",
 		"start": {
 			"line": 24,
 			"column": 0
@@ -253,7 +253,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <h6> cannot have interactive role 'switch'",
+		"message": "Non-interactive element `<h6>` cannot have interactive role 'switch'",
 		"start": {
 			"line": 25,
 			"column": 0
@@ -265,7 +265,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <hr> cannot have interactive role 'tab'",
+		"message": "Non-interactive element `<hr>` cannot have interactive role 'tab'",
 		"start": {
 			"line": 26,
 			"column": 0
@@ -277,7 +277,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <img> cannot have interactive role 'tabpanel'",
+		"message": "Non-interactive element `<img>` cannot have interactive role 'tabpanel'",
 		"start": {
 			"line": 27,
 			"column": 0
@@ -289,7 +289,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <label> cannot have interactive role 'textbox'",
+		"message": "Non-interactive element `<label>` cannot have interactive role 'textbox'",
 		"start": {
 			"line": 28,
 			"column": 0
@@ -313,7 +313,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <legend> cannot have interactive role 'toolbar'",
+		"message": "Non-interactive element `<legend>` cannot have interactive role 'toolbar'",
 		"start": {
 			"line": 29,
 			"column": 0
@@ -325,7 +325,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <li> cannot have interactive role 'tree'",
+		"message": "Non-interactive element `<li>` cannot have interactive role 'tree'",
 		"start": {
 			"line": 30,
 			"column": 0
@@ -337,7 +337,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <main> cannot have interactive role 'treegrid'",
+		"message": "Non-interactive element `<main>` cannot have interactive role 'treegrid'",
 		"start": {
 			"line": 31,
 			"column": 0
@@ -349,7 +349,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <mark> cannot have interactive role 'treeitem'",
+		"message": "Non-interactive element `<mark>` cannot have interactive role 'treeitem'",
 		"start": {
 			"line": 32,
 			"column": 0
@@ -361,7 +361,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <marquee> cannot have interactive role 'doc-backlink'",
+		"message": "Non-interactive element `<marquee>` cannot have interactive role 'doc-backlink'",
 		"start": {
 			"line": 33,
 			"column": 0
@@ -373,7 +373,7 @@
 	},
 	{
 		"code": "a11y_distracting_elements",
-		"message": "Avoid <marquee> elements",
+		"message": "Avoid `<marquee>` elements",
 		"start": {
 			"line": 33,
 			"column": 0
@@ -385,7 +385,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <menu> cannot have interactive role 'doc-biblioref'",
+		"message": "Non-interactive element `<menu>` cannot have interactive role 'doc-biblioref'",
 		"start": {
 			"line": 34,
 			"column": 0
@@ -397,7 +397,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <meter> cannot have interactive role 'doc-glossref'",
+		"message": "Non-interactive element `<meter>` cannot have interactive role 'doc-glossref'",
 		"start": {
 			"line": 35,
 			"column": 0
@@ -409,7 +409,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <nav> cannot have interactive role 'doc-noteref'",
+		"message": "Non-interactive element `<nav>` cannot have interactive role 'doc-noteref'",
 		"start": {
 			"line": 36,
 			"column": 0
@@ -421,7 +421,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <ol> cannot have interactive role 'button'",
+		"message": "Non-interactive element `<ol>` cannot have interactive role 'button'",
 		"start": {
 			"line": 37,
 			"column": 0
@@ -433,7 +433,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <optgroup> cannot have interactive role 'treeitem'",
+		"message": "Non-interactive element `<optgroup>` cannot have interactive role 'treeitem'",
 		"start": {
 			"line": 38,
 			"column": 0
@@ -445,7 +445,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <output> cannot have interactive role 'treegrid'",
+		"message": "Non-interactive element `<output>` cannot have interactive role 'treegrid'",
 		"start": {
 			"line": 39,
 			"column": 0
@@ -457,7 +457,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <p> cannot have interactive role 'columnheader'",
+		"message": "Non-interactive element `<p>` cannot have interactive role 'columnheader'",
 		"start": {
 			"line": 40,
 			"column": 0
@@ -469,7 +469,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <pre> cannot have interactive role 'tree'",
+		"message": "Non-interactive element `<pre>` cannot have interactive role 'tree'",
 		"start": {
 			"line": 41,
 			"column": 0
@@ -481,7 +481,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <progress> cannot have interactive role 'combobox'",
+		"message": "Non-interactive element `<progress>` cannot have interactive role 'combobox'",
 		"start": {
 			"line": 42,
 			"column": 0
@@ -493,7 +493,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <ruby> cannot have interactive role 'toolbar'",
+		"message": "Non-interactive element `<ruby>` cannot have interactive role 'toolbar'",
 		"start": {
 			"line": 43,
 			"column": 0
@@ -505,7 +505,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <section> cannot have interactive role 'radio'",
+		"message": "Non-interactive element `<section>` cannot have interactive role 'radio'",
 		"start": {
 			"line": 44,
 			"column": 0
@@ -517,7 +517,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <table> cannot have interactive role 'menu'",
+		"message": "Non-interactive element `<table>` cannot have interactive role 'menu'",
 		"start": {
 			"line": 45,
 			"column": 0
@@ -529,7 +529,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <tbody> cannot have interactive role 'searchbox'",
+		"message": "Non-interactive element `<tbody>` cannot have interactive role 'searchbox'",
 		"start": {
 			"line": 46,
 			"column": 0
@@ -541,7 +541,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <tfoot> cannot have interactive role 'listbox'",
+		"message": "Non-interactive element `<tfoot>` cannot have interactive role 'listbox'",
 		"start": {
 			"line": 47,
 			"column": 0
@@ -553,7 +553,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <thead> cannot have interactive role 'slider'",
+		"message": "Non-interactive element `<thead>` cannot have interactive role 'slider'",
 		"start": {
 			"line": 48,
 			"column": 0
@@ -565,7 +565,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <time> cannot have interactive role 'doc-backlink'",
+		"message": "Non-interactive element `<time>` cannot have interactive role 'doc-backlink'",
 		"start": {
 			"line": 49,
 			"column": 0
@@ -577,7 +577,7 @@
 	},
 	{
 		"code": "a11y_no_noninteractive_element_to_interactive_role",
-		"message": "Non-interactive element <ul> cannot have interactive role 'spinbutton'",
+		"message": "Non-interactive element `<ul>` cannot have interactive role 'spinbutton'",
 		"start": {
 			"line": 50,
 			"column": 0
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 93602ff618..ab4b58a839 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
@@ -5,7 +5,7 @@
 			"column": 33,
 			"line": 17
 		},
-		"message": "<div> with a keydown handler must have an ARIA role",
+		"message": "`<div>` with a keydown handler must have an ARIA role",
 		"start": {
 			"column": 0,
 			"line": 17
@@ -17,7 +17,7 @@
 			"column": 76,
 			"line": 19
 		},
-		"message": "<a> with a mousedown or mouseup handler must have an ARIA role",
+		"message": "`<a>` with a mousedown or mouseup handler must have an ARIA role",
 		"start": {
 			"column": 0,
 			"line": 19
diff --git a/packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/warnings.json b/packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/warnings.json
index 176f15711b..15b0cf1ac0 100644
--- a/packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-role-supports-aria-props/warnings.json
@@ -5,7 +5,7 @@
 			"column": 19,
 			"line": 2
 		},
-		"message": "The attribute 'aria-setsize' is not supported by the role 'link'. This role is implicit on the element <a>",
+		"message": "The attribute 'aria-setsize' is not supported by the role 'link'. This role is implicit on the element `<a>`",
 		"start": {
 			"column": 3,
 			"line": 2
@@ -17,7 +17,7 @@
 			"column": 18,
 			"line": 3
 		},
-		"message": "The attribute 'aria-pressed' is not supported by the role 'link'. This role is implicit on the element <area>",
+		"message": "The attribute 'aria-pressed' is not supported by the role 'link'. This role is implicit on the element `<area>`",
 		"start": {
 			"column": 6,
 			"line": 3
@@ -29,7 +29,7 @@
 			"column": 35,
 			"line": 4
 		},
-		"message": "The attribute 'aria-autocomplete' is not supported by the role 'article'. This role is implicit on the element <article>",
+		"message": "The attribute 'aria-autocomplete' is not supported by the role 'article'. This role is implicit on the element `<article>`",
 		"start": {
 			"column": 9,
 			"line": 4
@@ -41,7 +41,7 @@
 			"column": 17,
 			"line": 5
 		},
-		"message": "The attribute 'aria-modal' is not supported by the role 'complementary'. This role is implicit on the element <aside>",
+		"message": "The attribute 'aria-modal' is not supported by the role 'complementary'. This role is implicit on the element `<aside>`",
 		"start": {
 			"column": 7,
 			"line": 5
@@ -53,7 +53,7 @@
 			"column": 18,
 			"line": 6
 		},
-		"message": "The attribute 'aria-invalid' is not supported by the role 'document'. This role is implicit on the element <body>",
+		"message": "The attribute 'aria-invalid' is not supported by the role 'document'. This role is implicit on the element `<body>`",
 		"start": {
 			"column": 6,
 			"line": 6
@@ -65,7 +65,7 @@
 			"column": 25,
 			"line": 7
 		},
-		"message": "The attribute 'aria-valuemax' is not supported by the role 'button'. This role is implicit on the element <button>",
+		"message": "The attribute 'aria-valuemax' is not supported by the role 'button'. This role is implicit on the element `<button>`",
 		"start": {
 			"column": 8,
 			"line": 7
@@ -77,7 +77,7 @@
 			"column": 27,
 			"line": 8
 		},
-		"message": "The attribute 'aria-valuenow' is not supported by the role 'listbox'. This role is implicit on the element <datalist>",
+		"message": "The attribute 'aria-valuenow' is not supported by the role 'listbox'. This role is implicit on the element `<datalist>`",
 		"start": {
 			"column": 10,
 			"line": 8
@@ -89,7 +89,7 @@
 			"column": 21,
 			"line": 9
 		},
-		"message": "The attribute 'aria-rowindex' is not supported by the role 'definition'. This role is implicit on the element <dd>",
+		"message": "The attribute 'aria-rowindex' is not supported by the role 'definition'. This role is implicit on the element `<dd>`",
 		"start": {
 			"column": 4,
 			"line": 9
@@ -101,7 +101,7 @@
 			"column": 22,
 			"line": 10
 		},
-		"message": "The attribute 'aria-colcount' is not supported by the role 'term'. This role is implicit on the element <dfn>",
+		"message": "The attribute 'aria-colcount' is not supported by the role 'term'. This role is implicit on the element `<dfn>`",
 		"start": {
 			"column": 5,
 			"line": 10
@@ -113,7 +113,7 @@
 			"column": 25,
 			"line": 11
 		},
-		"message": "The attribute 'aria-posinset' is not supported by the role 'dialog'. This role is implicit on the element <dialog>",
+		"message": "The attribute 'aria-posinset' is not supported by the role 'dialog'. This role is implicit on the element `<dialog>`",
 		"start": {
 			"column": 8,
 			"line": 11
@@ -125,7 +125,7 @@
 			"column": 37,
 			"line": 12
 		},
-		"message": "The attribute 'aria-orientation' is not supported by the role 'group'. This role is implicit on the element <details>",
+		"message": "The attribute 'aria-orientation' is not supported by the role 'group'. This role is implicit on the element `<details>`",
 		"start": {
 			"column": 9,
 			"line": 12
@@ -137,7 +137,7 @@
 			"column": 21,
 			"line": 13
 		},
-		"message": "The attribute 'aria-valuemin' is not supported by the role 'term'. This role is implicit on the element <dt>",
+		"message": "The attribute 'aria-valuemin' is not supported by the role 'term'. This role is implicit on the element `<dt>`",
 		"start": {
 			"column": 4,
 			"line": 13
@@ -149,7 +149,7 @@
 			"column": 38,
 			"line": 14
 		},
-		"message": "The attribute 'aria-orientation' is not supported by the role 'group'. This role is implicit on the element <fieldset>",
+		"message": "The attribute 'aria-orientation' is not supported by the role 'group'. This role is implicit on the element `<fieldset>`",
 		"start": {
 			"column": 10,
 			"line": 14
@@ -161,7 +161,7 @@
 			"column": 19,
 			"line": 15
 		},
-		"message": "The attribute 'aria-disabled' is not supported by the role 'form'. This role is implicit on the element <form>",
+		"message": "The attribute 'aria-disabled' is not supported by the role 'form'. This role is implicit on the element `<form>`",
 		"start": {
 			"column": 6,
 			"line": 15
@@ -173,7 +173,7 @@
 			"column": 17,
 			"line": 16
 		},
-		"message": "The attribute 'aria-selected' is not supported by the role 'heading'. This role is implicit on the element <h1>",
+		"message": "The attribute 'aria-selected' is not supported by the role 'heading'. This role is implicit on the element `<h1>`",
 		"start": {
 			"column": 4,
 			"line": 16
@@ -185,7 +185,7 @@
 			"column": 17,
 			"line": 17
 		},
-		"message": "The attribute 'aria-selected' is not supported by the role 'heading'. This role is implicit on the element <h2>",
+		"message": "The attribute 'aria-selected' is not supported by the role 'heading'. This role is implicit on the element `<h2>`",
 		"start": {
 			"column": 4,
 			"line": 17
@@ -197,7 +197,7 @@
 			"column": 17,
 			"line": 18
 		},
-		"message": "The attribute 'aria-expanded' is not supported by the role 'heading'. This role is implicit on the element <h3>",
+		"message": "The attribute 'aria-expanded' is not supported by the role 'heading'. This role is implicit on the element `<h3>`",
 		"start": {
 			"column": 4,
 			"line": 18
@@ -209,7 +209,7 @@
 			"column": 21,
 			"line": 19
 		},
-		"message": "The attribute 'aria-valuemin' is not supported by the role 'heading'. This role is implicit on the element <h4>",
+		"message": "The attribute 'aria-valuemin' is not supported by the role 'heading'. This role is implicit on the element `<h4>`",
 		"start": {
 			"column": 4,
 			"line": 19
@@ -221,7 +221,7 @@
 			"column": 17,
 			"line": 20
 		},
-		"message": "The attribute 'aria-readonly' is not supported by the role 'heading'. This role is implicit on the element <h5>",
+		"message": "The attribute 'aria-readonly' is not supported by the role 'heading'. This role is implicit on the element `<h5>`",
 		"start": {
 			"column": 4,
 			"line": 20
@@ -233,7 +233,7 @@
 			"column": 21,
 			"line": 21
 		},
-		"message": "The attribute 'aria-valuemin' is not supported by the role 'heading'. This role is implicit on the element <h6>",
+		"message": "The attribute 'aria-valuemin' is not supported by the role 'heading'. This role is implicit on the element `<h6>`",
 		"start": {
 			"column": 4,
 			"line": 21
@@ -245,7 +245,7 @@
 			"column": 17,
 			"line": 22
 		},
-		"message": "The attribute 'aria-required' is not supported by the role 'separator'. This role is implicit on the element <hr>",
+		"message": "The attribute 'aria-required' is not supported by the role 'separator'. This role is implicit on the element `<hr>`",
 		"start": {
 			"column": 4,
 			"line": 22
@@ -257,7 +257,7 @@
 			"column": 19,
 			"line": 23
 		},
-		"message": "The attribute 'aria-level' is not supported by the role 'img'. This role is implicit on the element <img>",
+		"message": "The attribute 'aria-level' is not supported by the role 'img'. This role is implicit on the element `<img>`",
 		"start": {
 			"column": 5,
 			"line": 23
@@ -269,7 +269,7 @@
 			"column": 17,
 			"line": 24
 		},
-		"message": "The attribute 'aria-required' is not supported by the role 'listitem'. This role is implicit on the element <li>",
+		"message": "The attribute 'aria-required' is not supported by the role 'listitem'. This role is implicit on the element `<li>`",
 		"start": {
 			"column": 4,
 			"line": 24
@@ -281,7 +281,7 @@
 			"column": 23,
 			"line": 25
 		},
-		"message": "The attribute 'aria-rowcount' is not supported by the role 'link'. This role is implicit on the element <link>",
+		"message": "The attribute 'aria-rowcount' is not supported by the role 'link'. This role is implicit on the element `<link>`",
 		"start": {
 			"column": 6,
 			"line": 25
@@ -293,7 +293,7 @@
 			"column": 23,
 			"line": 26
 		},
-		"message": "The attribute 'aria-valuemin' is not supported by the role 'list'. This role is implicit on the element <menu>",
+		"message": "The attribute 'aria-valuemin' is not supported by the role 'list'. This role is implicit on the element `<menu>`",
 		"start": {
 			"column": 6,
 			"line": 26
@@ -305,7 +305,7 @@
 			"column": 23,
 			"line": 27
 		},
-		"message": "The attribute 'aria-colspan' is not supported by the role 'progressbar'. This role is implicit on the element <meter>",
+		"message": "The attribute 'aria-colspan' is not supported by the role 'progressbar'. This role is implicit on the element `<meter>`",
 		"start": {
 			"column": 7,
 			"line": 27
@@ -317,7 +317,7 @@
 			"column": 22,
 			"line": 28
 		},
-		"message": "The attribute 'aria-valuetext' is not supported by the role 'navigation'. This role is implicit on the element <nav>",
+		"message": "The attribute 'aria-valuetext' is not supported by the role 'navigation'. This role is implicit on the element `<nav>`",
 		"start": {
 			"column": 5,
 			"line": 28
@@ -329,7 +329,7 @@
 			"column": 20,
 			"line": 29
 		},
-		"message": "The attribute 'aria-sort' is not supported by the role 'list'. This role is implicit on the element <ol>",
+		"message": "The attribute 'aria-sort' is not supported by the role 'list'. This role is implicit on the element `<ol>`",
 		"start": {
 			"column": 4,
 			"line": 29
@@ -341,7 +341,7 @@
 			"column": 20,
 			"line": 30
 		},
-		"message": "The attribute 'aria-invalid' is not supported by the role 'option'. This role is implicit on the element <option>",
+		"message": "The attribute 'aria-invalid' is not supported by the role 'option'. This role is implicit on the element `<option>`",
 		"start": {
 			"column": 8,
 			"line": 30
@@ -353,7 +353,7 @@
 			"column": 26,
 			"line": 31
 		},
-		"message": "The attribute 'aria-sort' is not supported by the role 'group'. This role is implicit on the element <optgroup>",
+		"message": "The attribute 'aria-sort' is not supported by the role 'group'. This role is implicit on the element `<optgroup>`",
 		"start": {
 			"column": 10,
 			"line": 31
@@ -365,7 +365,7 @@
 			"column": 22,
 			"line": 32
 		},
-		"message": "The attribute 'aria-multiline' is not supported by the role 'status'. This role is implicit on the element <output>",
+		"message": "The attribute 'aria-multiline' is not supported by the role 'status'. This role is implicit on the element `<output>`",
 		"start": {
 			"column": 8,
 			"line": 32
@@ -377,7 +377,7 @@
 			"column": 27,
 			"line": 33
 		},
-		"message": "The attribute 'aria-rowcount' is not supported by the role 'progressbar'. This role is implicit on the element <progress>",
+		"message": "The attribute 'aria-rowcount' is not supported by the role 'progressbar'. This role is implicit on the element `<progress>`",
 		"start": {
 			"column": 10,
 			"line": 33
@@ -389,7 +389,7 @@
 			"column": 21,
 			"line": 34
 		},
-		"message": "The attribute 'aria-invalid' is not supported by the role 'region'. This role is implicit on the element <section>",
+		"message": "The attribute 'aria-invalid' is not supported by the role 'region'. This role is implicit on the element `<section>`",
 		"start": {
 			"column": 9,
 			"line": 34
@@ -401,7 +401,7 @@
 			"column": 26,
 			"line": 35
 		},
-		"message": "The attribute 'aria-rowcount' is not supported by the role 'button'. This role is implicit on the element <summary>",
+		"message": "The attribute 'aria-rowcount' is not supported by the role 'button'. This role is implicit on the element `<summary>`",
 		"start": {
 			"column": 9,
 			"line": 35
@@ -413,7 +413,7 @@
 			"column": 23,
 			"line": 36
 		},
-		"message": "The attribute 'aria-colspan' is not supported by the role 'rowgroup'. This role is implicit on the element <tbody>",
+		"message": "The attribute 'aria-colspan' is not supported by the role 'rowgroup'. This role is implicit on the element `<tbody>`",
 		"start": {
 			"column": 7,
 			"line": 36
@@ -425,7 +425,7 @@
 			"column": 27,
 			"line": 37
 		},
-		"message": "The attribute 'aria-valuenow' is not supported by the role 'textbox'. This role is implicit on the element <textarea>",
+		"message": "The attribute 'aria-valuenow' is not supported by the role 'textbox'. This role is implicit on the element `<textarea>`",
 		"start": {
 			"column": 10,
 			"line": 37
@@ -437,7 +437,7 @@
 			"column": 20,
 			"line": 38
 		},
-		"message": "The attribute 'aria-required' is not supported by the role 'rowgroup'. This role is implicit on the element <tfoot>",
+		"message": "The attribute 'aria-required' is not supported by the role 'rowgroup'. This role is implicit on the element `<tfoot>`",
 		"start": {
 			"column": 7,
 			"line": 38
@@ -449,7 +449,7 @@
 			"column": 24,
 			"line": 39
 		},
-		"message": "The attribute 'aria-valuemin' is not supported by the role 'rowgroup'. This role is implicit on the element <thead>",
+		"message": "The attribute 'aria-valuemin' is not supported by the role 'rowgroup'. This role is implicit on the element `<thead>`",
 		"start": {
 			"column": 7,
 			"line": 39
@@ -461,7 +461,7 @@
 			"column": 16,
 			"line": 40
 		},
-		"message": "The attribute 'aria-pressed' is not supported by the role 'row'. This role is implicit on the element <tr>",
+		"message": "The attribute 'aria-pressed' is not supported by the role 'row'. This role is implicit on the element `<tr>`",
 		"start": {
 			"column": 4,
 			"line": 40
@@ -473,7 +473,7 @@
 			"column": 24,
 			"line": 41
 		},
-		"message": "The attribute 'aria-multiselectable' is not supported by the role 'list'. This role is implicit on the element <ul>",
+		"message": "The attribute 'aria-multiselectable' is not supported by the role 'list'. This role is implicit on the element `<ul>`",
 		"start": {
 			"column": 4,
 			"line": 41
@@ -1925,7 +1925,7 @@
 			"column": 35,
 			"line": 166
 		},
-		"message": "The attribute 'aria-rowspan' is not supported by the role 'textbox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-rowspan' is not supported by the role 'textbox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 19,
 			"line": 166
@@ -1937,7 +1937,7 @@
 			"column": 30,
 			"line": 167
 		},
-		"message": "The attribute 'aria-pressed' is not supported by the role 'textbox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-pressed' is not supported by the role 'textbox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 18,
 			"line": 167
@@ -1949,7 +1949,7 @@
 			"column": 32,
 			"line": 168
 		},
-		"message": "The attribute 'aria-level' is not supported by the role 'textbox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-level' is not supported by the role 'textbox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 18,
 			"line": 168
@@ -1961,7 +1961,7 @@
 			"column": 32,
 			"line": 169
 		},
-		"message": "The attribute 'aria-pressed' is not supported by the role 'textbox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-pressed' is not supported by the role 'textbox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 20,
 			"line": 169
@@ -1973,7 +1973,7 @@
 			"column": 42,
 			"line": 170
 		},
-		"message": "The attribute 'aria-valuetext' is not supported by the role 'searchbox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-valuetext' is not supported by the role 'searchbox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 21,
 			"line": 170
@@ -1985,7 +1985,7 @@
 			"column": 50,
 			"line": 171
 		},
-		"message": "The attribute 'aria-valuemin' is not supported by the role 'combobox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-valuemin' is not supported by the role 'combobox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 33,
 			"line": 171
@@ -1997,7 +1997,7 @@
 			"column": 48,
 			"line": 172
 		},
-		"message": "The attribute 'aria-colspan' is not supported by the role 'combobox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-colspan' is not supported by the role 'combobox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 32,
 			"line": 172
@@ -2009,7 +2009,7 @@
 			"column": 49,
 			"line": 173
 		},
-		"message": "The attribute 'aria-posinset' is not supported by the role 'combobox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-posinset' is not supported by the role 'combobox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 32,
 			"line": 173
@@ -2021,7 +2021,7 @@
 			"column": 44,
 			"line": 174
 		},
-		"message": "The attribute 'aria-modal' is not supported by the role 'combobox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-modal' is not supported by the role 'combobox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 34,
 			"line": 174
@@ -2033,7 +2033,7 @@
 			"column": 52,
 			"line": 175
 		},
-		"message": "The attribute 'aria-rowindex' is not supported by the role 'combobox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-rowindex' is not supported by the role 'combobox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 35,
 			"line": 175
@@ -2045,7 +2045,7 @@
 			"column": 53,
 			"line": 176
 		},
-		"message": "The attribute 'aria-valuemax' is not supported by the role 'button'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-valuemax' is not supported by the role 'button'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 36,
 			"line": 176
@@ -2057,7 +2057,7 @@
 			"column": 30,
 			"line": 177
 		},
-		"message": "The attribute 'aria-modal' is not supported by the role 'button'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-modal' is not supported by the role 'button'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 20,
 			"line": 177
@@ -2069,7 +2069,7 @@
 			"column": 51,
 			"line": 178
 		},
-		"message": "The attribute 'aria-placeholder' is not supported by the role 'button'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-placeholder' is not supported by the role 'button'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 21,
 			"line": 178
@@ -2081,7 +2081,7 @@
 			"column": 40,
 			"line": 179
 		},
-		"message": "The attribute 'aria-rowindex' is not supported by the role 'checkbox'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-rowindex' is not supported by the role 'checkbox'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 23,
 			"line": 179
@@ -2093,7 +2093,7 @@
 			"column": 41,
 			"line": 180
 		},
-		"message": "The attribute 'aria-valuetext' is not supported by the role 'radio'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-valuetext' is not supported by the role 'radio'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 20,
 			"line": 180
@@ -2105,7 +2105,7 @@
 			"column": 32,
 			"line": 181
 		},
-		"message": "The attribute 'aria-checked' is not supported by the role 'slider'. This role is implicit on the element <input>",
+		"message": "The attribute 'aria-checked' is not supported by the role 'slider'. This role is implicit on the element `<input>`",
 		"start": {
 			"column": 20,
 			"line": 181
@@ -2117,7 +2117,7 @@
 			"column": 42,
 			"line": 182
 		},
-		"message": "The attribute 'aria-colindex' is not supported by the role 'menuitem'. This role is implicit on the element <menuitem>",
+		"message": "The attribute 'aria-colindex' is not supported by the role 'menuitem'. This role is implicit on the element `<menuitem>`",
 		"start": {
 			"column": 25,
 			"line": 182
@@ -2129,7 +2129,7 @@
 			"column": 43,
 			"line": 183
 		},
-		"message": "The attribute 'aria-colcount' is not supported by the role 'menuitemcheckbox'. This role is implicit on the element <menuitem>",
+		"message": "The attribute 'aria-colcount' is not supported by the role 'menuitemcheckbox'. This role is implicit on the element `<menuitem>`",
 		"start": {
 			"column": 26,
 			"line": 183
@@ -2141,7 +2141,7 @@
 			"column": 53,
 			"line": 184
 		},
-		"message": "The attribute 'aria-placeholder' is not supported by the role 'menuitemradio'. This role is implicit on the element <menuitem>",
+		"message": "The attribute 'aria-placeholder' is not supported by the role 'menuitemradio'. This role is implicit on the element `<menuitem>`",
 		"start": {
 			"column": 23,
 			"line": 184
diff --git a/packages/svelte/tests/validator/samples/a11y-scope/warnings.json b/packages/svelte/tests/validator/samples/a11y-scope/warnings.json
index 79ea2416fd..572c0a5b82 100644
--- a/packages/svelte/tests/validator/samples/a11y-scope/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-scope/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_misplaced_scope",
-		"message": "The scope attribute should only be used with <th> elements",
+		"message": "The scope attribute should only be used with `<th>` elements",
 		"start": {
 			"line": 6,
 			"column": 5
diff --git a/packages/svelte/tests/validator/samples/ignore-warning/warnings.json b/packages/svelte/tests/validator/samples/ignore-warning/warnings.json
index 6d1eaf74ad..926543bf3f 100644
--- a/packages/svelte/tests/validator/samples/ignore-warning/warnings.json
+++ b/packages/svelte/tests/validator/samples/ignore-warning/warnings.json
@@ -5,7 +5,7 @@
 			"column": 49,
 			"line": 4
 		},
-		"message": "Avoid <marquee> elements",
+		"message": "Avoid `<marquee>` elements",
 		"start": {
 			"column": 1,
 			"line": 4
@@ -17,7 +17,7 @@
 			"column": 22,
 			"line": 7
 		},
-		"message": "<img> element should have an alt attribute",
+		"message": "`<img>` element should have an alt attribute",
 		"start": {
 			"column": 0,
 			"line": 7
diff --git a/packages/svelte/tests/validator/samples/ignore-warnings-cumulative/warnings.json b/packages/svelte/tests/validator/samples/ignore-warnings-cumulative/warnings.json
index 1644aeb831..83c7b79eea 100644
--- a/packages/svelte/tests/validator/samples/ignore-warnings-cumulative/warnings.json
+++ b/packages/svelte/tests/validator/samples/ignore-warnings-cumulative/warnings.json
@@ -5,7 +5,7 @@
 			"column": 12,
 			"line": 7
 		},
-		"message": "Avoid <marquee> elements",
+		"message": "Avoid `<marquee>` elements",
 		"start": {
 			"column": 2,
 			"line": 5
diff --git a/packages/svelte/tests/validator/samples/ignore-warnings-newline/warnings.json b/packages/svelte/tests/validator/samples/ignore-warnings-newline/warnings.json
index eb75343b4e..000e557fee 100644
--- a/packages/svelte/tests/validator/samples/ignore-warnings-newline/warnings.json
+++ b/packages/svelte/tests/validator/samples/ignore-warnings-newline/warnings.json
@@ -5,7 +5,7 @@
 			"column": 22,
 			"line": 8
 		},
-		"message": "<img> element should have an alt attribute",
+		"message": "`<img>` element should have an alt attribute",
 		"start": {
 			"column": 0,
 			"line": 8
diff --git a/packages/svelte/tests/validator/samples/ignore-warnings-stacked/warnings.json b/packages/svelte/tests/validator/samples/ignore-warnings-stacked/warnings.json
index eb75343b4e..000e557fee 100644
--- a/packages/svelte/tests/validator/samples/ignore-warnings-stacked/warnings.json
+++ b/packages/svelte/tests/validator/samples/ignore-warnings-stacked/warnings.json
@@ -5,7 +5,7 @@
 			"column": 22,
 			"line": 8
 		},
-		"message": "<img> element should have an alt attribute",
+		"message": "`<img>` element should have an alt attribute",
 		"start": {
 			"column": 0,
 			"line": 8
diff --git a/packages/svelte/tests/validator/samples/ignore-warnings/warnings.json b/packages/svelte/tests/validator/samples/ignore-warnings/warnings.json
index 3cc9ba0a39..0d0cdc981d 100644
--- a/packages/svelte/tests/validator/samples/ignore-warnings/warnings.json
+++ b/packages/svelte/tests/validator/samples/ignore-warnings/warnings.json
@@ -5,7 +5,7 @@
 			"column": 22,
 			"line": 7
 		},
-		"message": "<img> element should have an alt attribute",
+		"message": "`<img>` element should have an alt attribute",
 		"start": {
 			"column": 0,
 			"line": 7
diff --git a/packages/svelte/tests/validator/samples/slot-warning/warnings.json b/packages/svelte/tests/validator/samples/slot-warning/warnings.json
index cd66eab361..367f77f38b 100644
--- a/packages/svelte/tests/validator/samples/slot-warning/warnings.json
+++ b/packages/svelte/tests/validator/samples/slot-warning/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"column": 1,
 			"line": 7
diff --git a/packages/svelte/tests/validator/samples/slot-warning2/warnings.json b/packages/svelte/tests/validator/samples/slot-warning2/warnings.json
index 24452c7e70..239f1ded54 100644
--- a/packages/svelte/tests/validator/samples/slot-warning2/warnings.json
+++ b/packages/svelte/tests/validator/samples/slot-warning2/warnings.json
@@ -1,7 +1,7 @@
 [
 	{
 		"code": "a11y_click_events_have_key_events",
-		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as <button type=\"button\"> or <a> might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
+		"message": "Visible, non-interactive elements with a click event must be accompanied by a keyboard event handler. Consider whether an interactive element such as `<button type=\"button\">` or `<a>` might be more appropriate. See https://svelte.dev/docs/accessibility-warnings#a11y-click-events-have-key-events for more details.",
 		"start": {
 			"column": 1,
 			"line": 8
diff --git a/packages/svelte/tests/validator/test.ts b/packages/svelte/tests/validator/test.ts
index cf39369e38..1482dad6c2 100644
--- a/packages/svelte/tests/validator/test.ts
+++ b/packages/svelte/tests/validator/test.ts
@@ -80,7 +80,7 @@ it.skip('check warning position', () => {
 	assert.deepEqual(warnings, [
 		{
 			code: 'a11y-missing-attribute',
-			message: 'A11y: <img> element should have an alt attribute',
+			message: 'A11y: `<img>` element should have an alt attribute',
 			start: { column: 2, line: 2, character: 3 },
 			end: { column: 15, line: 3, character: 24 }
 		}