mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-28 11:46:42 +00:00
Add aria labels to cover controls (#3421)
This commit is contained in:
parent
87293e4b15
commit
0f6d0b164f
@ -18,17 +18,20 @@ class HaCoverControls extends PolymerElement {
|
|||||||
|
|
||||||
<div class="state">
|
<div class="state">
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
|
aria-label="Open cover"
|
||||||
icon="hass:arrow-up"
|
icon="hass:arrow-up"
|
||||||
on-click="onOpenTap"
|
on-click="onOpenTap"
|
||||||
invisible$="[[!entityObj.supportsOpen]]"
|
invisible$="[[!entityObj.supportsOpen]]"
|
||||||
disabled="[[computeOpenDisabled(stateObj, entityObj)]]"
|
disabled="[[computeOpenDisabled(stateObj, entityObj)]]"
|
||||||
></paper-icon-button>
|
></paper-icon-button>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
|
aria-label="Stop the cover from moving"
|
||||||
icon="hass:stop"
|
icon="hass:stop"
|
||||||
on-click="onStopTap"
|
on-click="onStopTap"
|
||||||
invisible$="[[!entityObj.supportsStop]]"
|
invisible$="[[!entityObj.supportsStop]]"
|
||||||
></paper-icon-button>
|
></paper-icon-button>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
|
aria-label="Close cover"
|
||||||
icon="hass:arrow-down"
|
icon="hass:arrow-down"
|
||||||
on-click="onCloseTap"
|
on-click="onCloseTap"
|
||||||
invisible$="[[!entityObj.supportsClose]]"
|
invisible$="[[!entityObj.supportsClose]]"
|
||||||
|
@ -18,6 +18,7 @@ class HaCoverTiltControls extends PolymerElement {
|
|||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
|
aria-label="Open cover tilt"
|
||||||
icon="hass:arrow-top-right"
|
icon="hass:arrow-top-right"
|
||||||
on-click="onOpenTiltTap"
|
on-click="onOpenTiltTap"
|
||||||
title="Open tilt"
|
title="Open tilt"
|
||||||
@ -25,12 +26,14 @@ class HaCoverTiltControls extends PolymerElement {
|
|||||||
disabled="[[computeOpenDisabled(stateObj, entityObj)]]"
|
disabled="[[computeOpenDisabled(stateObj, entityObj)]]"
|
||||||
></paper-icon-button>
|
></paper-icon-button>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
|
aria-label="Stop cover from moving"
|
||||||
icon="hass:stop"
|
icon="hass:stop"
|
||||||
on-click="onStopTiltTap"
|
on-click="onStopTiltTap"
|
||||||
invisible$="[[!entityObj.supportsStopTilt]]"
|
invisible$="[[!entityObj.supportsStopTilt]]"
|
||||||
title="Stop tilt"
|
title="Stop tilt"
|
||||||
></paper-icon-button>
|
></paper-icon-button>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
|
aria-label="Close cover tilt"
|
||||||
icon="hass:arrow-bottom-left"
|
icon="hass:arrow-bottom-left"
|
||||||
on-click="onCloseTiltTap"
|
on-click="onCloseTiltTap"
|
||||||
title="Close tilt"
|
title="Close tilt"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user