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 @@
- {{ playlistElement.video.name }} Private diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.ts b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.ts index 0c0f11ecc..16a1e51ca 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.ts +++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.ts @@ -52,6 +52,10 @@ export class VideoPlaylistElementMiniatureComponent implements OnInit { this.serverConfig = this.serverService.getHTMLConfig() } + getVideoAriaLabel () { + return $localize`Watch video ${this.playlistElement.video.name}` + } + getVideoOwnerDisplayType (element: VideoPlaylistElement) { return this.videoService.buildDefaultOwnerDisplayType(element.video) }