Add labels to WP toolbar buttons

config/locales/js-de.yml

@@ -37,14 +37,17 @@ de:
     button_copy: "Kopieren"
     button_delete: "Löschen"
     button_delete_watcher: "Lösche Beobachter"
+    button_details_view: "Detailansicht"
     button_duplicate: "Duplizieren"
     button_edit: "Bearbeiten"
+    button_list_view: "Listenansicht"
     button_log_time: "Aufwand buchen"
     button_more: "Mehr"
     button_move: "Verschieben"
     button_open_details: "Öffne Detailansicht"
     button_quote: "Zitieren"
     button_save: "Speichern"
+    button_settings: "Einstellungen"
     button_uncheck_all: "Alles abwählen"
     button_update: "Bearbeiten"
     description_available_columns: "Verfügbare Spalten"

config/locales/js-en.yml

@@ -37,14 +37,17 @@ en:
     button_copy: "Copy"
     button_delete: "Delete"
     button_delete_watcher: "Delete watcher"
+    button_details_view: "Details view"
     button_duplicate: "Duplicate"
     button_edit: "Edit"
+    button_list_view: "List view"
     button_log_time: "Log time"
     button_more: "More"
     button_move: "Move"
     button_open_details: "Open details view"
     button_quote: "Quote"
     button_save: "Save"
+    button_settings: "Settings"
     button_uncheck_all: "Uncheck all"
     button_update: "Update"
     description_available_columns: "Available Columns"

public/templates/work_packages.list.html

@@ -26,14 +26,22 @@
       <li class="toolbar-item" feature-flag="detailsView">
         <ul id="work-packages-view-mode-selection" class="toolbar-button-group">
           <li>
-            <button class="button"
+            <label for="work-packages-list-view-button" class="hidden-for-sighted">
+              {{ I18n.t('js.button_list_view') }}
+            </label>
+            <button id="work-packages-list-view-button"
+                    class="button"
                     ui-sref="work-packages.list"
                     ui-sref-active="active">
               <i class="icon-table-view icon-buttons"></i>
             </button>
           </li>
           <li feature-flag="detailsView">
-            <button class="button"
+            <label for="work-packages-details-view-button" class="hidden-for-sighted">
+              {{ I18n.t('js.button_details_view') }}
+            </label>
+            <button id="work-packages-details-view-button"
+                    class="button"
                     ng-class="{ active: $state.includes('work-packages.list.details') }"
                     ng-click="openLatestTab()">
               <i class="icon-table-detail-view icon-buttons"></i>
@@ -42,7 +50,10 @@
         </ul>
       </li>
       <li class="toolbar-item">
-        <button class="button last" with-dropdown dropdown-id="settingsDropdown">
+        <label for="work-packages-settings-button" class="hidden-for-sighted">
+          {{ I18n.t('js.button_settings') }}
+        </label>
+        <button id="work-packages-settings-button" class="button last" with-dropdown dropdown-id="settingsDropdown">
           <i class="icon-settings"></i>
           <i class="icon-pulldown-arrow1 icon-dropdown"></i>
         </button>