Add aria labels to cover controls (#3421)

This commit is contained in:
Paulus Schoutsen 2019-07-25 10:14:13 -07:00 committed by GitHub
parent 87293e4b15
commit 0f6d0b164f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 0 deletions

View File

@ -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]]"

View File

@ -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"