mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-19 15:26:36 +00:00
Added title attributes to dev buttons (#119)
The title attribute doesn't aid in accessibility, but it can give a visual cue to what those buttons do. It took me a while before I got the hang of what was under each since icons can be Rorsachs.
This commit is contained in:
parent
71278d7d6b
commit
a5e1db321a
@ -142,23 +142,23 @@
|
|||||||
<div class='dev-tools layout horizontal justified'>
|
<div class='dev-tools layout horizontal justified'>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
icon='mdi:remote' data-panel='dev-service'
|
icon='mdi:remote' data-panel='dev-service'
|
||||||
alt="Services"
|
alt="Services" title="Services"
|
||||||
on-tap='menuClicked'></paper-icon-button>
|
on-tap='menuClicked'></paper-icon-button>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
icon='mdi:code-tags' data-panel='dev-state'
|
icon='mdi:code-tags' data-panel='dev-state'
|
||||||
alt="States"
|
alt="States" title="States"
|
||||||
on-tap='menuClicked'></paper-icon-button>
|
on-tap='menuClicked'></paper-icon-button>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
icon='mdi:radio-tower' data-panel='dev-event'
|
icon='mdi:radio-tower' data-panel='dev-event'
|
||||||
alt="Events"
|
alt="Events" title="Events"
|
||||||
on-tap='menuClicked'></paper-icon-button>
|
on-tap='menuClicked'></paper-icon-button>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
icon='mdi:file-xml' data-panel='dev-template'
|
icon='mdi:file-xml' data-panel='dev-template'
|
||||||
alt="Templates"
|
alt="Templates" title="Templates"
|
||||||
on-tap='menuClicked'></paper-icon-button>
|
on-tap='menuClicked'></paper-icon-button>
|
||||||
<paper-icon-button
|
<paper-icon-button
|
||||||
icon='mdi:information-outline' data-panel='dev-info'
|
icon='mdi:information-outline' data-panel='dev-info'
|
||||||
alt="Info"
|
alt="Info" title="Info"
|
||||||
on-tap='menuClicked'></paper-icon-button>
|
on-tap='menuClicked'></paper-icon-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user