Merge pull request #1263 from Kilian/show-actions-aria

Add explicit accessible names to show actions

src/lib/ListenLinks.svelte

@@ -8,13 +8,15 @@
 	class="icon"
 	target="_blank"
 	title="Listen on Spotify"
+	aria-label="Spotify"
 	href="https://open.spotify.com/search/syntax.fm {encodeURI(show.title)}/episodes"
 >
 	<Icon name="spotify" />
 </a>
 <a
 	class="icon"
 	title="Listen on Apple Podcasts"
+	aria-label="Apple Podcasts"
 	target="_blank"
 	href="https://podcasts.apple.com/ca/podcast/syntax-tasty-web-development-treats/id1253186678"
 >

src/routes/(site)/show/[show_number]/[slug]/[[tab]]/+page.svelte

@@ -79,18 +79,19 @@
 	<div class="show-actions zone" style="--bg: var(--black); --fg: var(--white);">
 		<div class="show-actions-flex">
 			<button on:click={() => player.play_show(show)} data-testid="play-show">
-				<Icon name="play{$player.current_show?.number === show.number ? 'ing' : ''}" />
+				<Icon title="" name="play{$player.current_show?.number === show.number ? 'ing' : ''}" />
 				Play{$player.current_show?.number === show.number ? 'ing' : ''} Episode {show.number}
 			</button>
 			<span>or</span>
 			<ListenLinks {show} />
 		</div>
 		<div>
-			<a class="icon" title="Download Episode" download href={show.url}>
+			<a class="icon" title="Download Episode" aria-label="Download" download href={show.url}>
 				<Icon name="download" />
 			</a>
 			<a
 				title="Edit Show Notes"
+				aria-label="Edit Show Notes"
 				class="icon"
 				href={'https://github.com/syntaxfm/website/tree/main' + show.md_file}
 			>