Fix accessible names for embed youtube link (#165)

Co-authored-by: Chris Swithinbank <[email protected]>

Author: anotheri

.changeset/sixty-oranges-sneeze.md

@@ -0,0 +1,5 @@
+---
+"@astro-community/astro-embed-youtube": patch
+---
+
+Fixes missing accessible name for `<YouTube>` component play button

packages/astro-embed-youtube/YouTube.astro

@@ -46,7 +46,7 @@ const href = `https://youtube.com/watch?v=${videoid}`;
 	style={`background-image: url('${posterURL}');`}
 >
 	<a {href} class="lty-playbtn">
-		<span class="lyt-visually-hidden">{attrs.playlabel}</span>
+		<span class="lyt-visually-hidden">{attrs.playlabel || 'Play'}</span>
 	</a>
 </lite-youtube>
 

tests/astro-embed-youtube.mjs

@@ -21,6 +21,7 @@ test('it should render a lite-youtube element', async () => {
 	);
 	assert.ok(playButton);
 	assert.is(playButton.href, `https://youtube.com/watch?v=${videoid}`);
+	assert.is(playButton.textContent?.trim(), 'Play');
 });
 
 test('it parses a youtube.com URL', async () => {