diff --git a/.changeset/sixty-oranges-sneeze.md b/.changeset/sixty-oranges-sneeze.md new file mode 100644 index 0000000..015ae7b --- /dev/null +++ b/.changeset/sixty-oranges-sneeze.md @@ -0,0 +1,5 @@ +--- +"@astro-community/astro-embed-youtube": patch +--- + +Fixes missing accessible name for `` component play button diff --git a/packages/astro-embed-youtube/YouTube.astro b/packages/astro-embed-youtube/YouTube.astro index 0d4c0f5..2a31e09 100644 --- a/packages/astro-embed-youtube/YouTube.astro +++ b/packages/astro-embed-youtube/YouTube.astro @@ -46,7 +46,7 @@ const href = `https://youtube.com/watch?v=${videoid}`; style={`background-image: url('${posterURL}');`} > - {attrs.playlabel} + {attrs.playlabel || 'Play'} diff --git a/tests/astro-embed-youtube.mjs b/tests/astro-embed-youtube.mjs index 3116be2..0c0b1e7 100644 --- a/tests/astro-embed-youtube.mjs +++ b/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 () => {