Add aria labels to cover controls (#3421)

Author: balloob

src/components/ha-cover-controls.js

@@ -18,17 +18,20 @@ class HaCoverControls extends PolymerElement {
 
       <div class="state">
         <paper-icon-button
+          aria-label="Open cover"
           icon="hass:arrow-up"
           on-click="onOpenTap"
           invisible$="[[!entityObj.supportsOpen]]"
           disabled="[[computeOpenDisabled(stateObj, entityObj)]]"
         ></paper-icon-button>
         <paper-icon-button
+          aria-label="Stop the cover from moving"
           icon="hass:stop"
           on-click="onStopTap"
           invisible$="[[!entityObj.supportsStop]]"
         ></paper-icon-button>
         <paper-icon-button
+          aria-label="Close cover"
           icon="hass:arrow-down"
           on-click="onCloseTap"
           invisible$="[[!entityObj.supportsClose]]"

src/components/ha-cover-tilt-controls.js

@@ -18,19 +18,22 @@ class HaCoverTiltControls extends PolymerElement {
         }
       </style>
       <paper-icon-button
+        aria-label="Open cover tilt"
         icon="hass:arrow-top-right"
         on-click="onOpenTiltTap"
         title="Open tilt"
         invisible$="[[!entityObj.supportsOpenTilt]]"
         disabled="[[computeOpenDisabled(stateObj, entityObj)]]"
       ></paper-icon-button>
       <paper-icon-button
+        aria-label="Stop cover from moving"
         icon="hass:stop"
         on-click="onStopTiltTap"
         invisible$="[[!entityObj.supportsStopTilt]]"
         title="Stop tilt"
       ></paper-icon-button>
       <paper-icon-button
+        aria-label="Close cover tilt"
         icon="hass:arrow-bottom-left"
         on-click="onCloseTiltTap"
         title="Close tilt"