aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
authorCaroline Chuong <caroline.chuong@octo.com>2020-06-08 19:42:51 +0200
committerGitHub <noreply@github.com>2020-06-08 19:42:51 +0200
commit6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12 (patch)
tree15cd22d1e2de6166cbf5de0501ae1692d6deb4c2 /client/src/app
parentc2caa99b942dea7fa9d2856f53efd1316169658e (diff)
downloadPeerTube-6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12.tar.gz
PeerTube-6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12.tar.zst
PeerTube-6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12.zip
add aria-hidden to non-descriptive icons (#2844)
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/+admin/follows/following-list/following-list.component.html2
-rw-r--r--client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html2
-rw-r--r--client/src/app/+admin/users/user-list/user-list.component.html2
-rw-r--r--client/src/app/+my-account/my-account-history/my-account-history.component.html2
-rw-r--r--client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html6
-rw-r--r--client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html2
-rw-r--r--client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html2
-rw-r--r--client/src/app/+my-account/my-account-videos/my-account-videos.component.html2
-rw-r--r--client/src/app/header/header.component.html2
-rw-r--r--client/src/app/menu/avatar-notification.component.html2
-rw-r--r--client/src/app/menu/menu.component.html46
-rw-r--r--client/src/app/shared/buttons/delete-button.component.html2
-rw-r--r--client/src/app/shared/buttons/edit-button.component.html2
-rw-r--r--client/src/app/shared/users/user-notifications.component.html6
-rw-r--r--client/src/app/shared/video-playlist/video-add-to-playlist.component.html4
-rw-r--r--client/src/app/shared/video-playlist/video-playlist-element-miniature.component.html4
-rw-r--r--client/src/app/videos/+video-edit/shared/video-edit.component.html2
-rw-r--r--client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.html2
-rw-r--r--client/src/app/videos/+video-edit/video-add-components/video-import-url.component.html2
-rw-r--r--client/src/app/videos/+video-edit/video-add-components/video-upload.component.html2
-rw-r--r--client/src/app/videos/+video-edit/video-update.component.html2
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.html4
22 files changed, 51 insertions, 51 deletions
diff --git a/client/src/app/+admin/follows/following-list/following-list.component.html b/client/src/app/+admin/follows/following-list/following-list.component.html
index 61b813305..ed521d650 100644
--- a/client/src/app/+admin/follows/following-list/following-list.component.html
+++ b/client/src/app/+admin/follows/following-list/following-list.component.html
@@ -15,7 +15,7 @@
15 <span class="sr-only" i18n>Clear filters</span> 15 <span class="sr-only" i18n>Clear filters</span>
16 </div> 16 </div>
17 <a class="ml-2 follow-button" (click)="addDomainsToFollow()" (key.enter)="addDomainsToFollow()"> 17 <a class="ml-2 follow-button" (click)="addDomainsToFollow()" (key.enter)="addDomainsToFollow()">
18 <my-global-icon iconName="add"></my-global-icon> 18 <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
19 <ng-container i18n>Follow domain</ng-container> 19 <ng-container i18n>Follow domain</ng-container>
20 </a> 20 </a>
21 </div> 21 </div>
diff --git a/client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html b/client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html
index 589a11b7b..7a77b8842 100644
--- a/client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html
+++ b/client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.html
@@ -15,7 +15,7 @@
15 <span class="sr-only" i18n>Clear filters</span> 15 <span class="sr-only" i18n>Clear filters</span>
16 </div> 16 </div>
17 <a class="ml-2 block-button" (click)="addServersToBlock()" (key.enter)="addServersToBlock()"> 17 <a class="ml-2 block-button" (click)="addServersToBlock()" (key.enter)="addServersToBlock()">
18 <my-global-icon iconName="add"></my-global-icon> 18 <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
19 <ng-container i18n>Mute domain</ng-container> 19 <ng-container i18n>Mute domain</ng-container>
20 </a> 20 </a>
21 </div> 21 </div>
diff --git a/client/src/app/+admin/users/user-list/user-list.component.html b/client/src/app/+admin/users/user-list/user-list.component.html
index 6caf37212..6c6c64194 100644
--- a/client/src/app/+admin/users/user-list/user-list.component.html
+++ b/client/src/app/+admin/users/user-list/user-list.component.html
@@ -2,7 +2,7 @@
2 <div i18n class="form-sub-title">Users list</div> 2 <div i18n class="form-sub-title">Users list</div>
3 3
4 <a class="add-button" routerLink="/admin/users/create"> 4 <a class="add-button" routerLink="/admin/users/create">
5 <my-global-icon iconName="add"></my-global-icon> 5 <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
6 <ng-container i18n>Create user</ng-container> 6 <ng-container i18n>Create user</ng-container>
7 </a> 7 </a>
8</div> 8</div>
diff --git a/client/src/app/+my-account/my-account-history/my-account-history.component.html b/client/src/app/+my-account/my-account-history/my-account-history.component.html
index 56d63f299..d3a329e8f 100644
--- a/client/src/app/+my-account/my-account-history/my-account-history.component.html
+++ b/client/src/app/+my-account/my-account-history/my-account-history.component.html
@@ -5,7 +5,7 @@
5 </div> 5 </div>
6 6
7 <button class="delete-history" (click)="deleteHistory()" i18n> 7 <button class="delete-history" (click)="deleteHistory()" i18n>
8 <my-global-icon iconName="delete"></my-global-icon> 8 <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
9 Delete history 9 Delete history
10 </button> 10 </button>
11</div> 11</div>
diff --git a/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html b/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html
index dec3b14cc..429943f71 100644
--- a/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html
+++ b/client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html
@@ -1,18 +1,18 @@
1<div class="header"> 1<div class="header">
2 <a routerLink="/my-account/settings" fragment="notifications" i18n> 2 <a routerLink="/my-account/settings" fragment="notifications" i18n>
3 <my-global-icon iconName="cog"></my-global-icon> 3 <my-global-icon iconName="cog" aria-hidden="true"></my-global-icon>
4 Notification preferences 4 Notification preferences
5 </a> 5 </a>
6 6
7 <button class="btn" [disabled]="!hasUnreadNotifications()" (click)="markAllAsRead()"> 7 <button class="btn" [disabled]="!hasUnreadNotifications()" (click)="markAllAsRead()">
8 <ng-container *ngIf="hasUnreadNotifications()"> 8 <ng-container *ngIf="hasUnreadNotifications()">
9 <my-global-icon iconName="inbox-full"></my-global-icon> 9 <my-global-icon iconName="inbox-full" aria-hidden="true"></my-global-icon>
10 10
11 <span i18n>Mark all as read</span> 11 <span i18n>Mark all as read</span>
12 </ng-container> 12 </ng-container>
13 13
14 <ng-container *ngIf="!hasUnreadNotifications()"> 14 <ng-container *ngIf="!hasUnreadNotifications()">
15 <my-global-icon iconName="circle-tick"></my-global-icon> 15 <my-global-icon iconName="circle-tick" aria-hidden="true"></my-global-icon>
16 16
17 <span i18n>All read</span> 17 <span i18n>All read</span>
18 </ng-container> 18 </ng-container>
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html
index 4cf08ab66..6fd94474d 100644
--- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html
+++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.html
@@ -1,6 +1,6 @@
1<div class="video-channels-header"> 1<div class="video-channels-header">
2 <a class="create-button" routerLink="create"> 2 <a class="create-button" routerLink="create">
3 <my-global-icon iconName="add"></my-global-icon> 3 <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
4 <ng-container i18n>Create video channel</ng-container> 4 <ng-container i18n>Create video channel</ng-container>
5 </a> 5 </a>
6</div> 6</div>
diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html
index 86844ce01..7bd2fa19f 100644
--- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html
+++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.html
@@ -4,7 +4,7 @@
4 <input type="text" placeholder="Search your playlists" i18n-placeholder [(ngModel)]="videoPlaylistsSearch" (ngModelChange)="onVideoPlaylistSearchChanged()" /> 4 <input type="text" placeholder="Search your playlists" i18n-placeholder [(ngModel)]="videoPlaylistsSearch" (ngModelChange)="onVideoPlaylistSearchChanged()" />
5 5
6 <a class="create-button" routerLink="create"> 6 <a class="create-button" routerLink="create">
7 <my-global-icon iconName="add"></my-global-icon> 7 <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
8 <ng-container i18n>Create playlist</ng-container> 8 <ng-container i18n>Create playlist</ng-container>
9 </a> 9 </a>
10</div> 10</div>
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.html b/client/src/app/+my-account/my-account-videos/my-account-videos.component.html
index 55cbfda95..9192aec6d 100644
--- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.html
+++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.html
@@ -17,7 +17,7 @@
17> 17>
18 <ng-template ptTemplate="globalButtons"> 18 <ng-template ptTemplate="globalButtons">
19 <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()"> 19 <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()">
20 <my-global-icon iconName="delete"></my-global-icon> 20 <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
21 <ng-container i18n>Delete</ng-container> 21 <ng-container i18n>Delete</ng-container>
22 </span> 22 </span>
23 </ng-template> 23 </ng-template>
diff --git a/client/src/app/header/header.component.html b/client/src/app/header/header.component.html
index 49e219187..525a04e9c 100644
--- a/client/src/app/header/header.component.html
+++ b/client/src/app/header/header.component.html
@@ -1,6 +1,6 @@
1<my-search-typeahead class="w-100 d-flex justify-content-end"></my-search-typeahead> 1<my-search-typeahead class="w-100 d-flex justify-content-end"></my-search-typeahead>
2 2
3<a class="upload-button" routerLink="/videos/upload"> 3<a class="upload-button" routerLink="/videos/upload">
4 <my-global-icon iconName="upload"></my-global-icon> 4 <my-global-icon iconName="upload" aria-hidden="true"></my-global-icon>
5 <span i18n class="upload-button-label">Upload</span> 5 <span i18n class="upload-button-label">Upload</span>
6</a> 6</a>
diff --git a/client/src/app/menu/avatar-notification.component.html b/client/src/app/menu/avatar-notification.component.html
index df2a102a3..7999b3346 100644
--- a/client/src/app/menu/avatar-notification.component.html
+++ b/client/src/app/menu/avatar-notification.component.html
@@ -35,7 +35,7 @@
35 ></my-user-notifications> 35 ></my-user-notifications>
36 36
37 <a *ngIf="loaded" class="all-notifications" routerLink="/my-account/notifications"> 37 <a *ngIf="loaded" class="all-notifications" routerLink="/my-account/notifications">
38 <my-global-icon class="mr-1" iconName="inbox-full"></my-global-icon> 38 <my-global-icon class="mr-1" iconName="inbox-full" aria-hidden="true"></my-global-icon>
39 <span i18n>See all your notifications</span> 39 <span i18n>See all your notifications</span>
40 </a> 40 </a>
41 </div> 41 </div>
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
index 87d8d86d4..f748a47d5 100644
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -16,58 +16,58 @@
16 16
17 <div ngbDropdownMenu> 17 <div ngbDropdownMenu>
18 <a *ngIf="user.account" ngbDropdownItem ngbDropdownToggle class="dropdown-item" [routerLink]="[ '/accounts', user.account.nameWithHost ]"> 18 <a *ngIf="user.account" ngbDropdownItem ngbDropdownToggle class="dropdown-item" [routerLink]="[ '/accounts', user.account.nameWithHost ]">
19 <my-global-icon iconName="go"></my-global-icon> <ng-container i18n>Public profile</ng-container> 19 <my-global-icon iconName="go" aria-hidden="true"></my-global-icon> <ng-container i18n>Public profile</ng-container>
20 </a> 20 </a>
21 21
22 <div class="dropdown-divider"></div> 22 <div class="dropdown-divider"></div>
23 23
24 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account"> 24 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account">
25 <my-global-icon iconName="user"></my-global-icon> <ng-container i18n>Account settings</ng-container> 25 <my-global-icon iconName="user" aria-hidden="true"></my-global-icon> <ng-container i18n>Account settings</ng-container>
26 </a> 26 </a>
27 27
28 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/video-channels"> 28 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/video-channels">
29 <my-global-icon iconName="folder"></my-global-icon> <ng-container i18n>Channels settings</ng-container> 29 <my-global-icon iconName="folder" aria-hidden="true"></my-global-icon> <ng-container i18n>Channels settings</ng-container>
30 </a> 30 </a>
31 31
32 <div class="dropdown-divider"></div> 32 <div class="dropdown-divider"></div>
33 33
34 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" (click)="openLanguageChooser()"> 34 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" (click)="openLanguageChooser()">
35 <my-global-icon iconName="language"></my-global-icon> 35 <my-global-icon iconName="language" aria-hidden="true"></my-global-icon>
36 <ng-container i18n>Interface: {{ language }}</ng-container> 36 <ng-container i18n>Interface: {{ language }}</ng-container>
37 <i class="ml-auto glyphicon glyphicon-menu-right"></i> 37 <i class="ml-auto glyphicon glyphicon-menu-right"></i>
38 </a> 38 </a>
39 39
40 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-settings"> 40 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-settings">
41 <my-global-icon iconName="video-lang"></my-global-icon> 41 <my-global-icon iconName="video-lang" aria-hidden="true"></my-global-icon>
42 <ng-container i18n>Videos: {{ videoLanguages.join(', ') }}</ng-container> 42 <ng-container i18n>Videos: {{ videoLanguages.join(', ') }}</ng-container>
43 <i class="ml-auto glyphicon glyphicon-menu-right"></i> 43 <i class="ml-auto glyphicon glyphicon-menu-right"></i>
44 </a> 44 </a>
45 45
46 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-settings"> 46 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-settings">
47 <my-global-icon class="hover-display-toggle" [ngClass]="{ 'not-displayed': user.nsfwPolicy === 'display' }" iconName="sensitive"></my-global-icon> 47 <my-global-icon class="hover-display-toggle" [ngClass]="{ 'not-displayed': user.nsfwPolicy === 'display' }" iconName="sensitive" aria-hidden="true"></my-global-icon>
48 <my-global-icon class="hover-display-toggle" [ngClass]="{ 'not-displayed': user.nsfwPolicy !== 'display' }" iconName="unsensitive"></my-global-icon> 48 <my-global-icon class="hover-display-toggle" [ngClass]="{ 'not-displayed': user.nsfwPolicy !== 'display' }" iconName="unsensitive" aria-hidden="true"></my-global-icon>
49 <ng-container i18n>Sensitive: {{ nsfwPolicy }}</ng-container> 49 <ng-container i18n>Sensitive: {{ nsfwPolicy }}</ng-container>
50 <i class="ml-auto glyphicon glyphicon-menu-right"></i> 50 <i class="ml-auto glyphicon glyphicon-menu-right"></i>
51 </a> 51 </a>
52 52
53 <a ngbDropdownItem class="dropdown-item" (click)="toggleUseP2P()"> 53 <a ngbDropdownItem class="dropdown-item" (click)="toggleUseP2P()">
54 <my-global-icon iconName="p2p"></my-global-icon> 54 <my-global-icon iconName="p2p" aria-hidden="true"></my-global-icon>
55 <ng-container i18n>Help share videos</ng-container> 55 <ng-container i18n>Help share videos</ng-container>
56 <input type="checkbox" [checked]="user.webTorrentEnabled"/><label class="ml-auto" for="switch">Toggle p2p</label> 56 <input type="checkbox" [checked]="user.webTorrentEnabled"/><label class="ml-auto" for="switch">Toggle p2p</label>
57 </a> 57 </a>
58 58
59 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account"> 59 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account">
60 <my-global-icon iconName="more-horizontal"></my-global-icon> <ng-container i18n>More account settings</ng-container> 60 <my-global-icon iconName="more-horizontal" aria-hidden="true"></my-global-icon> <ng-container i18n>More account settings</ng-container>
61 </a> 61 </a>
62 62
63 <div class="dropdown-divider"></div> 63 <div class="dropdown-divider"></div>
64 64
65 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" (click)="openHotkeysCheatSheet()"> 65 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" (click)="openHotkeysCheatSheet()">
66 <i class="icon icon-shortcuts"></i> <ng-container i18n>Keyboard shortcuts</ng-container> 66 <i class="icon icon-shortcuts" aria-hidden="true"></i> <ng-container i18n>Keyboard shortcuts</ng-container>
67 </a> 67 </a>
68 68
69 <a ngbDropdownItem ngbDropdownToggle (click)="logout($event)" class="dropdown-item" href="#"> 69 <a ngbDropdownItem ngbDropdownToggle (click)="logout($event)" class="dropdown-item" href="#">
70 <my-global-icon iconName="sign-out"></my-global-icon> <ng-container i18n>Log out</ng-container> 70 <my-global-icon iconName="sign-out" aria-hidden="true"></my-global-icon> <ng-container i18n>Log out</ng-container>
71 </a> 71 </a>
72 </div> 72 </div>
73 </div> 73 </div>
@@ -82,22 +82,22 @@
82 <div i18n class="block-title">MY LIBRARY</div> 82 <div i18n class="block-title">MY LIBRARY</div>
83 83
84 <a routerLink="/my-account/videos" routerLinkActive="active"> 84 <a routerLink="/my-account/videos" routerLinkActive="active">
85 <my-global-icon iconName="videos"></my-global-icon> 85 <my-global-icon iconName="videos" aria-hidden="true"></my-global-icon>
86 <ng-container i18n>Videos</ng-container> 86 <ng-container i18n>Videos</ng-container>
87 </a> 87 </a>
88 88
89 <a routerLink="/my-account/video-playlists" routerLinkActive="active"> 89 <a routerLink="/my-account/video-playlists" routerLinkActive="active">
90 <my-global-icon iconName="playlists"></my-global-icon> 90 <my-global-icon iconName="playlists" aria-hidden="true"></my-global-icon>
91 <ng-container i18n>Playlists</ng-container> 91 <ng-container i18n>Playlists</ng-container>
92 </a> 92 </a>
93 93
94 <a routerLink="/videos/subscriptions" routerLinkActive="active"> 94 <a routerLink="/videos/subscriptions" routerLinkActive="active">
95 <my-global-icon iconName="subscriptions"></my-global-icon> 95 <my-global-icon iconName="subscriptions" aria-hidden="true"></my-global-icon>
96 <ng-container i18n>Subscriptions</ng-container> 96 <ng-container i18n>Subscriptions</ng-container>
97 </a> 97 </a>
98 98
99 <a routerLink="/my-account/history/videos" routerLinkActive="active"> 99 <a routerLink="/my-account/history/videos" routerLinkActive="active">
100 <my-global-icon iconName="history"></my-global-icon> 100 <my-global-icon iconName="history" aria-hidden="true"></my-global-icon>
101 <ng-container i18n>History</ng-container> 101 <ng-container i18n>History</ng-container>
102 </a> 102 </a>
103 103
@@ -107,27 +107,27 @@
107 <div i18n class="block-title">VIDEOS</div> 107 <div i18n class="block-title">VIDEOS</div>
108 108
109 <a routerLink="/videos/overview" routerLinkActive="active"> 109 <a routerLink="/videos/overview" routerLinkActive="active">
110 <my-global-icon iconName="globe"></my-global-icon> 110 <my-global-icon iconName="globe" aria-hidden="true"></my-global-icon>
111 <ng-container i18n>Discover</ng-container> 111 <ng-container i18n>Discover</ng-container>
112 </a> 112 </a>
113 113
114 <a routerLink="/videos/trending" routerLinkActive="active"> 114 <a routerLink="/videos/trending" routerLinkActive="active">
115 <my-global-icon iconName="trending"></my-global-icon> 115 <my-global-icon iconName="trending" aria-hidden="true"></my-global-icon>
116 <ng-container i18n>Trending</ng-container> 116 <ng-container i18n>Trending</ng-container>
117 </a> 117 </a>
118 118
119 <a routerLink="/videos/most-liked" routerLinkActive="active"> 119 <a routerLink="/videos/most-liked" routerLinkActive="active">
120 <my-global-icon iconName="like"></my-global-icon> 120 <my-global-icon iconName="like" aria-hidden="true"></my-global-icon>
121 <ng-container i18n>Most liked</ng-container> 121 <ng-container i18n>Most liked</ng-container>
122 </a> 122 </a>
123 123
124 <a routerLink="/videos/recently-added" routerLinkActive="active"> 124 <a routerLink="/videos/recently-added" routerLinkActive="active">
125 <my-global-icon iconName="recently-added"></my-global-icon> 125 <my-global-icon iconName="recently-added" aria-hidden="true"></my-global-icon>
126 <ng-container i18n>Recently added</ng-container> 126 <ng-container i18n>Recently added</ng-container>
127 </a> 127 </a>
128 128
129 <a routerLink="/videos/local" routerLinkActive="active"> 129 <a routerLink="/videos/local" routerLinkActive="active">
130 <my-global-icon iconName="home"></my-global-icon> 130 <my-global-icon iconName="home" aria-hidden="true"></my-global-icon>
131 <ng-container i18n>Local</ng-container> 131 <ng-container i18n>Local</ng-container>
132 </a> 132 </a>
133 </div> 133 </div>
@@ -136,15 +136,15 @@
136 <div class="footer"> 136 <div class="footer">
137 <div class="panel-block"> 137 <div class="panel-block">
138 <a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active"> 138 <a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
139 <my-global-icon iconName="cog"></my-global-icon> 139 <my-global-icon iconName="cog" aria-hidden="true"></my-global-icon>
140 <ng-container i18n>Administration</ng-container> 140 <ng-container i18n>Administration</ng-container>
141 </a> 141 </a>
142 <a *ngIf="!isLoggedIn" (click)="openQuickSettings()"> 142 <a *ngIf="!isLoggedIn" (click)="openQuickSettings()">
143 <my-global-icon iconName="cog"></my-global-icon> 143 <my-global-icon iconName="cog" aria-hidden="true"></my-global-icon>
144 <ng-container i18n>Settings</ng-container> 144 <ng-container i18n>Settings</ng-container>
145 </a> 145 </a>
146 <a routerLink="/about/instance"> 146 <a routerLink="/about/instance">
147 <my-global-icon iconName="help"></my-global-icon> 147 <my-global-icon iconName="help" aria-hidden="true"></my-global-icon>
148 <ng-container i18n>About</ng-container> 148 <ng-container i18n>About</ng-container>
149 </a> 149 </a>
150 </div> 150 </div>
diff --git a/client/src/app/shared/buttons/delete-button.component.html b/client/src/app/shared/buttons/delete-button.component.html
index 25196fbd5..398b6db1e 100644
--- a/client/src/app/shared/buttons/delete-button.component.html
+++ b/client/src/app/shared/buttons/delete-button.component.html
@@ -1,5 +1,5 @@
1<span class="action-button action-button-delete grey-button" [title]="title" role="button"> 1<span class="action-button action-button-delete grey-button" [title]="title" role="button">
2 <my-global-icon iconName="delete"></my-global-icon> 2 <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
3 3
4 <span class="button-label" *ngIf="label">{{ label }}</span> 4 <span class="button-label" *ngIf="label">{{ label }}</span>
5 <span class="button-label" i18n *ngIf="!label">Delete</span> 5 <span class="button-label" i18n *ngIf="!label">Delete</span>
diff --git a/client/src/app/shared/buttons/edit-button.component.html b/client/src/app/shared/buttons/edit-button.component.html
index 3d7cd4780..b852bb38a 100644
--- a/client/src/app/shared/buttons/edit-button.component.html
+++ b/client/src/app/shared/buttons/edit-button.component.html
@@ -1,5 +1,5 @@
1<a class="action-button action-button-edit grey-button" [routerLink]="routerLink" i18n-title title="Edit"> 1<a class="action-button action-button-edit grey-button" [routerLink]="routerLink" i18n-title title="Edit">
2 <my-global-icon iconName="edit"></my-global-icon> 2 <my-global-icon iconName="edit" aria-hidden="true"></my-global-icon>
3 3
4 <span class="button-label" *ngIf="label">{{ label }}</span> 4 <span class="button-label" *ngIf="label">{{ label }}</span>
5 <span i18n class="button-label" *ngIf="!label">Edit</span> 5 <span i18n class="button-label" *ngIf="!label">Edit</span>
diff --git a/client/src/app/shared/users/user-notifications.component.html b/client/src/app/shared/users/user-notifications.component.html
index 108122b57..8dbe6e329 100644
--- a/client/src/app/shared/users/user-notifications.component.html
+++ b/client/src/app/shared/users/user-notifications.component.html
@@ -81,7 +81,7 @@
81 </ng-container> 81 </ng-container>
82 82
83 <ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_PUBLISHED"> 83 <ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_PUBLISHED">
84 <my-global-icon iconName="sparkle"></my-global-icon> 84 <my-global-icon iconName="sparkle" aria-hidden="true"></my-global-icon>
85 85
86 <div class="message" i18n> 86 <div class="message" i18n>
87 Your video <a (click)="markAsRead(notification)" [routerLink]="notification.videoUrl">{{ notification.video.name }}</a> has been published 87 Your video <a (click)="markAsRead(notification)" [routerLink]="notification.videoUrl">{{ notification.video.name }}</a> has been published
@@ -89,7 +89,7 @@
89 </ng-container> 89 </ng-container>
90 90
91 <ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_IMPORT_SUCCESS"> 91 <ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_IMPORT_SUCCESS">
92 <my-global-icon iconName="cloud-download"></my-global-icon> 92 <my-global-icon iconName="cloud-download" aria-hidden="true"></my-global-icon>
93 93
94 <div class="message" i18n> 94 <div class="message" i18n>
95 <a (click)="markAsRead(notification)" [routerLink]="notification.videoUrl || notification.videoImportUrl">Your video import</a> {{ notification.videoImportIdentifier }} succeeded 95 <a (click)="markAsRead(notification)" [routerLink]="notification.videoUrl || notification.videoImportUrl">Your video import</a> {{ notification.videoImportIdentifier }} succeeded
@@ -97,7 +97,7 @@
97 </ng-container> 97 </ng-container>
98 98
99 <ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_IMPORT_ERROR"> 99 <ng-container *ngSwitchCase="UserNotificationType.MY_VIDEO_IMPORT_ERROR">
100 <my-global-icon iconName="cloud-error"></my-global-icon> 100 <my-global-icon iconName="cloud-error" aria-hidden="true"></my-global-icon>
101 101
102 <div class="message" i18n> 102 <div class="message" i18n>
103 <a (click)="markAsRead(notification)" [routerLink]="notification.videoImportUrl">Your video import</a> {{ notification.videoImportIdentifier }} failed 103 <a (click)="markAsRead(notification)" [routerLink]="notification.videoImportUrl">Your video import</a> {{ notification.videoImportIdentifier }} failed
diff --git a/client/src/app/shared/video-playlist/video-add-to-playlist.component.html b/client/src/app/shared/video-playlist/video-add-to-playlist.component.html
index 58108584b..a40e0699e 100644
--- a/client/src/app/shared/video-playlist/video-add-to-playlist.component.html
+++ b/client/src/app/shared/video-playlist/video-add-to-playlist.component.html
@@ -4,7 +4,7 @@
4 <div i18n class="title">Save to</div> 4 <div i18n class="title">Save to</div>
5 5
6 <div class="options" (click)="displayOptions = !displayOptions"> 6 <div class="options" (click)="displayOptions = !displayOptions">
7 <my-global-icon iconName="cog"></my-global-icon> 7 <my-global-icon iconName="cog" aria-hidden="true"></my-global-icon>
8 8
9 <span i18n>Options</span> 9 <span i18n>Options</span>
10 </div> 10 </div>
@@ -60,7 +60,7 @@
60 </div> 60 </div>
61 61
62 <div class="new-playlist-button dropdown-item" (click)="openCreateBlock($event)" [hidden]="isNewPlaylistBlockOpened"> 62 <div class="new-playlist-button dropdown-item" (click)="openCreateBlock($event)" [hidden]="isNewPlaylistBlockOpened">
63 <my-global-icon iconName="add"></my-global-icon> 63 <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
64 64
65 <span i18n>Create a private playlist</span> 65 <span i18n>Create a private playlist</span>
66 </div> 66 </div>
diff --git a/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.html b/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.html
index c956e6cd2..e3f7ef017 100644
--- a/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.html
+++ b/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.html
@@ -46,7 +46,7 @@
46 <div ngbDropdownMenu> 46 <div ngbDropdownMenu>
47 <ng-container *ngIf="playlistElement.video"> 47 <ng-container *ngIf="playlistElement.video">
48 <div class="dropdown-item" (click)="toggleDisplayTimestampsOptions($event, playlistElement)"> 48 <div class="dropdown-item" (click)="toggleDisplayTimestampsOptions($event, playlistElement)">
49 <my-global-icon iconName="edit"></my-global-icon> 49 <my-global-icon iconName="edit" aria-hidden="true"></my-global-icon>
50 <ng-container i18n>Edit starts/stops at</ng-container> 50 <ng-container i18n>Edit starts/stops at</ng-container>
51 </div> 51 </div>
52 52
@@ -84,7 +84,7 @@
84 </ng-container> 84 </ng-container>
85 85
86 <span class="dropdown-item" (click)="removeFromPlaylist(playlistElement)"> 86 <span class="dropdown-item" (click)="removeFromPlaylist(playlistElement)">
87 <my-global-icon iconName="delete"></my-global-icon> 87 <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon>
88 <ng-container i18n>Delete from {{ playlist?.displayName }}</ng-container> 88 <ng-container i18n>Delete from {{ playlist?.displayName }}</ng-container>
89 </span> 89 </span>
90 </div> 90 </div>
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.html b/client/src/app/videos/+video-edit/shared/video-edit.component.html
index 9a0e4f848..c11a60dce 100644
--- a/client/src/app/videos/+video-edit/shared/video-edit.component.html
+++ b/client/src/app/videos/+video-edit/shared/video-edit.component.html
@@ -167,7 +167,7 @@
167 167
168 <div class="captions-header"> 168 <div class="captions-header">
169 <a (click)="openAddCaptionModal()" class="create-caption"> 169 <a (click)="openAddCaptionModal()" class="create-caption">
170 <my-global-icon iconName="add"></my-global-icon> 170 <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
171 <ng-container i18n>Add another caption</ng-container> 171 <ng-container i18n>Add another caption</ng-container>
172 </a> 172 </a>
173 </div> 173 </div>
diff --git a/client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.html b/client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.html
index c2ee3ad57..89948dac8 100644
--- a/client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.html
+++ b/client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.html
@@ -69,7 +69,7 @@
69 (click)="updateSecondStep()" 69 (click)="updateSecondStep()"
70 [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }" 70 [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }"
71 > 71 >
72 <my-global-icon iconName="validate"></my-global-icon> 72 <my-global-icon iconName="validate" aria-hidden="true"></my-global-icon>
73 <input type="button" i18n-value value="Update" /> 73 <input type="button" i18n-value value="Update" />
74 </div> 74 </div>
75 </div> 75 </div>
diff --git a/client/src/app/videos/+video-edit/video-add-components/video-import-url.component.html b/client/src/app/videos/+video-edit/video-add-components/video-import-url.component.html
index 9a26fe308..54bbe8123 100644
--- a/client/src/app/videos/+video-edit/video-add-components/video-import-url.component.html
+++ b/client/src/app/videos/+video-edit/video-add-components/video-import-url.component.html
@@ -65,7 +65,7 @@
65 (click)="updateSecondStep()" 65 (click)="updateSecondStep()"
66 [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }" 66 [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }"
67 > 67 >
68 <my-global-icon iconName="validate"></my-global-icon> 68 <my-global-icon iconName="validate" aria-hidden="true"></my-global-icon>
69 <input type="button" i18n-value value="Update" /> 69 <input type="button" i18n-value value="Update" />
70 </div> 70 </div>
71 </div> 71 </div>
diff --git a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.html b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.html
index 950e55a52..a2c8af2ae 100644
--- a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.html
+++ b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.html
@@ -83,7 +83,7 @@
83 (click)="updateSecondStep()" 83 (click)="updateSecondStep()"
84 [ngClass]="{ disabled: isPublishingButtonDisabled() }" 84 [ngClass]="{ disabled: isPublishingButtonDisabled() }"
85 > 85 >
86 <my-global-icon iconName="validate"></my-global-icon> 86 <my-global-icon iconName="validate" aria-hidden="true"></my-global-icon>
87 <input [disabled]="isPublishingButtonDisabled()" type="button" i18n-value value="Publish" /> 87 <input [disabled]="isPublishingButtonDisabled()" type="button" i18n-value value="Publish" />
88 </div> 88 </div>
89 </div> 89 </div>
diff --git a/client/src/app/videos/+video-edit/video-update.component.html b/client/src/app/videos/+video-edit/video-update.component.html
index e68c14010..fbc642db9 100644
--- a/client/src/app/videos/+video-edit/video-update.component.html
+++ b/client/src/app/videos/+video-edit/video-update.component.html
@@ -14,7 +14,7 @@
14 14
15 <div class="submit-container"> 15 <div class="submit-container">
16 <div class="submit-button" (click)="update()" [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }"> 16 <div class="submit-button" (click)="update()" [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }">
17 <my-global-icon iconName="validate"></my-global-icon> 17 <my-global-icon iconName="validate" aria-hidden="true"></my-global-icon>
18 <input type="button" i18n-value value="Update" /> 18 <input type="button" i18n-value value="Update" />
19 </div> 19 </div>
20 </div> 20 </div>
diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html
index 0244860dd..433543a7b 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.html
+++ b/client/src/app/videos/+video-watch/video-watch.component.html
@@ -88,7 +88,7 @@
88 </div> 88 </div>
89 89
90 <div (click)="showShareModal()" class="action-button" role="button"> 90 <div (click)="showShareModal()" class="action-button" role="button">
91 <my-global-icon iconName="share"></my-global-icon> 91 <my-global-icon iconName="share" aria-hidden="true"></my-global-icon>
92 <span class="icon-text" i18n>SHARE</span> 92 <span class="icon-text" i18n>SHARE</span>
93 </div> 93 </div>
94 94
@@ -99,7 +99,7 @@
99 placement="bottom auto" 99 placement="bottom auto"
100 > 100 >
101 <div class="action-button action-button-save" ngbDropdownToggle role="button"> 101 <div class="action-button action-button-save" ngbDropdownToggle role="button">
102 <my-global-icon iconName="playlist-add"></my-global-icon> 102 <my-global-icon iconName="playlist-add" aria-hidden="true"></my-global-icon>
103 <span class="icon-text" i18n>SAVE</span> 103 <span class="icon-text" i18n>SAVE</span>
104 </div> 104 </div>
105 105