fix: treat <img> alt attribute as content for a11y labelling purposes

Author: Rich-Harris

.changeset/nervous-chefs-exist.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: treat `<img>` alt attribute as content for a11y labelling purposes

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

@@ -1161,6 +1161,13 @@ function has_content(element) {
 		}
 
 		if (node.type === 'RegularElement' || node.type === 'SvelteElement') {
+			if (
+				node.name === 'img' &&
+				node.attributes.some((node) => node.type === 'Attribute' && node.name === 'alt')
+			) {
+				return true;
+			}
+
 			if (!has_content(node)) {
 				continue;
 			}

packages/svelte/tests/validator/samples/a11y-consider-explicit-label/input.svelte

@@ -9,3 +9,4 @@
 
 <button>Click me</button>
 <a href="/#">Link text</a>
+<a href="/#"><img src="./icon.svg" alt="Link text"></a>