diff --git a/client/src/app/shared/shared-main/angular/link.component.html b/client/src/app/shared/shared-main/angular/link.component.html
index 2ea2df2b5..f95aba958 100644
--- a/client/src/app/shared/shared-main/angular/link.component.html
+++ b/client/src/app/shared/shared-main/angular/link.component.html
@@ -2,10 +2,10 @@
-
+
-
+
diff --git a/client/src/app/shared/shared-main/angular/link.component.ts b/client/src/app/shared/shared-main/angular/link.component.ts
index f2093496f..e69cbf068 100644
--- a/client/src/app/shared/shared-main/angular/link.component.ts
+++ b/client/src/app/shared/shared-main/angular/link.component.ts
@@ -18,6 +18,8 @@ export class LinkComponent implements OnInit {
@Input() tabindex: string | number
+ @Input() ariaLabel: string
+
builtClasses: string
ngOnInit () {
diff --git a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html
index 6c9a8b91c..1413e1741 100644
--- a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html
+++ b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html
@@ -1,8 +1,8 @@
-
+
-
+
diff --git a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.ts b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.ts
index c9a5c97db..9891d42ed 100644
--- a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.ts
+++ b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.ts
@@ -20,6 +20,8 @@ export class VideoThumbnailComponent {
@Input() displayWatchLaterPlaylist: boolean
@Input() inWatchLaterPlaylist: boolean
+ @Input({ required: true }) ariaLabel: string
+
@Output() watchLaterClick = new EventEmitter()
addToWatchLaterText: string
diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.html b/client/src/app/shared/shared-video-miniature/video-miniature.component.html
index 5c3140b58..ad4a8fceb 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.html
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.html
@@ -1,5 +1,6 @@
@@ -26,6 +27,7 @@
{{ video.name }}
diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.ts b/client/src/app/shared/shared-video-miniature/video-miniature.component.ts
index 11cd6726e..5c41a487b 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.ts
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.ts
@@ -214,6 +214,10 @@ export class VideoMiniatureComponent implements OnInit {
return ''
}
+ getAriaLabel () {
+ return $localize`Watch video ${this.video.name}`
+ }
+
loadActions () {
if (this.displayVideoActions) this.showActions = true
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
index f7849e5ec..a083ca667 100644
--- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
+++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
@@ -8,7 +8,7 @@
@@ -16,9 +16,9 @@