docs: fix a11y warning in media elements tutorial (#5523)

4 years ago · f3adbb2679
parent b9ac8c9e47
commit f3adbb2679
2 changed files with 6 additions and 4 deletions
--- a/site/content/tutorial/06-bindings/10-media-elements/app-a/App.svelte
+++ b/site/content/tutorial/06-bindings/10-media-elements/app-a/App.svelte
@ -112,8 +112,9 @@
 		poster="https://sveltejs.github.io/assets/caminandes-llamigos.jpg"
 		src="https://sveltejs.github.io/assets/caminandes-llamigos.mp4"
 		on:mousemove={handleMousemove}
-		on:mousedown={handleMousedown}
-	></video>
+		on:mousedown={handleMousedown}>
+		<track kind="captions">
+	</video>

 	<div class="controls" style="opacity: {duration && showControls ? 1 : 0}">
 		<progress value="{(time / duration) || 0}"/>
--- a/site/content/tutorial/06-bindings/10-media-elements/app-b/App.svelte
+++ b/site/content/tutorial/06-bindings/10-media-elements/app-b/App.svelte
@ -115,8 +115,9 @@
 		on:mousedown={handleMousedown}
 		bind:currentTime={time}
 		bind:duration
-		bind:paused
-	></video>
+		bind:paused>
+		<track kind="captions">
+	</video>

 	<div class="controls" style="opacity: {duration && showControls ? 1 : 0}">
 		<progress value="{(time / duration) || 0}"/>