Merge pull request #4123 from iantrich/aria-ts-translations

translated most aria-labels in ts files

src/components/device/ha-device-picker.ts

@@ -158,7 +158,9 @@ class HaDevicePicker extends SubscribeMixin(LitElement) {
           ${this.value
             ? html`
                 <paper-icon-button
-                  aria-label="Clear"
+                  aria-label=${this.hass.localize(
+                    "ui.components.device-picker.clear"
+                  )}
                   slot="suffix"
                   class="clear-button"
                   icon="hass:close"
@@ -171,7 +173,9 @@ class HaDevicePicker extends SubscribeMixin(LitElement) {
           ${devices.length > 0
             ? html`
                 <paper-icon-button
-                  aria-label="Show devices"
+                  aria-label=${this.hass.localize(
+                    "ui.components.device-picker.show_devices"
+                  )}
                   slot="suffix"
                   class="toggle-button"
                   .icon=${this._opened ? "hass:menu-up" : "hass:menu-down"}

src/components/entity/ha-entity-picker.ts

@@ -139,7 +139,9 @@ class HaEntityPicker extends LitElement {
           ${this.value
             ? html`
                 <paper-icon-button
-                  aria-label="Clear"
+                  aria-label=${this.hass!.localize(
+                    "ui.components.entity.entity-picker.clear"
+                  )}
                   slot="suffix"
                   class="clear-button"
                   icon="hass:close"
@@ -152,7 +154,9 @@ class HaEntityPicker extends LitElement {
           ${states.length > 0
             ? html`
                 <paper-icon-button
-                  aria-label="Show entities"
+                  aria-label=${this.hass!.localize(
+                    "ui.components.entity.entity-picker.show_entities"
+                  )}
                   slot="suffix"
                   class="toggle-button"
                   .icon=${this._opened ? "hass:menu-up" : "hass:menu-down"}

src/components/ha-menu-button.ts

@@ -51,7 +51,7 @@ class HaMenuButton extends LitElement {
         ));
     return html`
       <paper-icon-button
-        aria-label="Sidebar Toggle"
+        aria-label=${this.hass.localize("ui.sidebar.sidebar_toggle")}
         .icon=${this.hassio ? "hassio:menu" : "hass:menu"}
         @click=${this._toggleMenu}
       ></paper-icon-button>

src/components/ha-sidebar.ts

@@ -138,7 +138,7 @@ class HaSidebar extends LitElement {
         ${!this.narrow
           ? html`
               <paper-icon-button
-                aria-label="Sidebar Toggle"
+                aria-label=${hass.localize("ui.sidebar.sidebar_toggle")}
                 .icon=${hass.dockedSidebar === "docked"
                   ? "hass:menu-open"
                   : "hass:menu"}
@@ -181,7 +181,9 @@ class HaSidebar extends LitElement {
           ? html`
               <a
                 aria-role="option"
-                aria-label="App Configuration"
+                aria-label=${hass.localize(
+                  "ui.sidebar.external_app_configuration"
+                )}
                 href="#external-app-configuration"
                 tabindex="-1"
                 @click=${this._handleExternalAppConfiguration}

src/panels/lovelace/components/hui-card-options.ts

@@ -66,7 +66,9 @@ export class HuiCardOptions extends LitElement {
             <paper-icon-button
               icon="hass:dots-vertical"
               slot="dropdown-trigger"
-              aria-label="More options"
+              aria-label=${this.hass!.localize(
+                "ui.panel.lovelace.editor.edit_card.options"
+              )}
             ></paper-icon-button>
             <paper-listbox slot="dropdown-content">
               <paper-item @click="${this._moveCard}">

src/panels/lovelace/components/hui-entities-toggle.ts

@@ -44,7 +44,9 @@ class HuiEntitiesToggle extends LitElement {
 
     return html`
       <ha-switch
-        aria-label="Toggle entities."
+        aria-label=${this.hass!.localize(
+          "ui.panel.lovelace.card.entities.toggle"
+        )}
         ?checked="${this._toggleEntities!.some((entityId) => {
           const stateObj = this.hass!.states[entityId];
           return stateObj && stateObj.state === "on";

src/panels/lovelace/hui-root.ts

@@ -110,7 +110,9 @@ class HUIRoot extends LitElement {
                     horizontal-offset="-5"
                   >
                     <paper-icon-button
-                      aria-label="Open Lovelace menu"
+                      aria-label=${this.hass!.localize(
+                        "ui.panel.lovelace.editor.menu.open"
+                      )}
                       icon="hass:dots-vertical"
                       slot="dropdown-trigger"
                     ></paper-icon-button>

src/translations/en.json

@@ -522,9 +522,15 @@
     "components": {
       "entity": {
         "entity-picker": {
-          "entity": "Entity"
+          "entity": "Entity",
+          "clear": "Clear",
+          "show_entities": "Show entities"
         }
       },
+      "device-picker": {
+        "clear": "Clear",
+        "show_devices": "Show devices"
+      },
       "relative_time": {
         "past": "{time} ago",
         "future": "In {time}",
@@ -629,7 +635,8 @@
       "triggered": "Triggered {name}"
     },
     "sidebar": {
-      "external_app_configuration": "App Configuration"
+      "external_app_configuration": "App Configuration",
+      "sidebar_toggle": "Sidebar Toggle"
     },
     "panel": {
       "config": {
@@ -1394,6 +1401,7 @@
         "editor": {
           "header": "Edit UI",
           "menu": {
+            "open": "Open Lovelace menu",
             "raw_editor": "Raw config editor"
           },
           "raw_editor": {
@@ -1423,7 +1431,8 @@
             "add": "Add Card",
             "edit": "Edit",
             "delete": "Delete",
-            "move": "Move"
+            "move": "Move",
+            "options": "More options"
           },
           "save_config": {
             "header": "Take control of your Lovelace UI",
@@ -1452,7 +1461,8 @@
             },
             "entities": {
               "name": "Entities",
-              "show_header_toggle": "Show Header Toggle?"
+              "show_header_toggle": "Show Header Toggle?",
+              "toggle": "Toggle entities."
             },
             "entity-button": {
               "name": "Entity Button"