mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-23 10:53:34 +03:00
adb7828003
refs #11863 * 🐛 Gave various buttons accessible labels Hidden span elements are not rendered to assistive technologies, so duplicate the text in an aria-label on the button element. * 🐛 Fixed various accessibility issues in the editor * Made menus menus and menu item menuitems. * Added labels to buttons where there were only hidden spans, or no text at all. * Made separators show up for screen readers.
14 lines
846 B
Handlebars
14 lines
846 B
Handlebars
{{#if this.showButton}}
|
|
<button aria-label="Add a card" class="koenig-plus-menu-button flex justify-center items-center relative w9 h9 ba b--midlightgrey-l2 bg-white br-100 anim-normal" onclick={{action "openMenu"}}>{{svg-jar "plus" class="w4 h4 stroke-middarkgrey i-strokew--2"}}</button>
|
|
{{/if}}
|
|
|
|
{{#if this.showMenu}}
|
|
{{!-- TODO: restructure HTML and update kg-style helper to avoid negative margins on divider/title elements --}}
|
|
<div class="{{kg-style "cardmenu"}} pa0" role="menu">
|
|
{{!-- <div class="koenig-cardmenu-search">
|
|
{{svg-jar "koenig/search"}}
|
|
<input type="text" placeholder="Search for a card..." class="gh-input koenig-cardmenu-search-input">
|
|
</div> --}}
|
|
<KoenigMenuContent @itemSections={{this.itemSections}} @itemClicked={{action "itemClicked"}} />
|
|
</div>
|
|
{{/if}} |