Add em dash "—" instead of a blank value in devices and entities tables to improve accessibility (#11078)

This commit is contained in:
Patrick ZAJDA 2022-01-24 20:18:23 +01:00 committed by GitHub
parent 1010777139
commit 0c07178c0a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions

View File

@ -197,7 +197,7 @@ export class HaConfigDeviceDashboard extends LitElement {
), ),
model: device.model || "<unknown>", model: device.model || "<unknown>",
manufacturer: device.manufacturer || "<unknown>", manufacturer: device.manufacturer || "<unknown>",
area: device.area_id ? areaLookup[device.area_id].name : undefined, area: device.area_id ? areaLookup[device.area_id].name : "—",
integration: device.config_entries.length integration: device.config_entries.length
? device.config_entries ? device.config_entries
.filter((entId) => entId in entryLookup) .filter((entId) => entId in entryLookup)

View File

@ -171,6 +171,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
type: "icon", type: "icon",
template: (_, entry: any) => html` template: (_, entry: any) => html`
<ha-state-icon <ha-state-icon
.title=${entry.entity.state}
slot="item-icon" slot="item-icon"
.state=${entry.entity} .state=${entry.entity}
></ha-state-icon> ></ha-state-icon>
@ -284,7 +285,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
</paper-tooltip> </paper-tooltip>
</div> </div>
` `
: "", : "",
}, },
}) })
); );
@ -377,7 +378,7 @@ export class HaConfigEntities extends SubscribeMixin(LitElement) {
name: computeEntityRegistryName(this.hass!, entry), name: computeEntityRegistryName(this.hass!, entry),
unavailable, unavailable,
restored, restored,
area: area ? area.name : undefined, area: area ? area.name : "—",
status: restored status: restored
? this.hass.localize( ? this.hass.localize(
"ui.panel.config.entities.picker.status.restored" "ui.panel.config.entities.picker.status.restored"