Ghost/ghost/admin/lib/koenig-editor/addon/components/koenig-link-input.hbs
Marco Zehe adb7828003 Various A11y post screen fixes (#1584)
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.
2020-05-28 16:01:09 +01:00

14 lines
460 B
Handlebars

<input
placeholder="Enter url"
value={{href}}
class="kg-link-input pa2 pr6 mih-100 ba br3 shadow-2 f8 lh-heading tracked-2 outline-0 b--blue h10 nudge-top--8"
oninput={{action (mut href) value="target.value"}}
onkeydown={{action "inputKeydown"}}
/>
{{#if href}}
<button aria-label="Close" class="kg-input-bar-close" type="button" {{action "clear"}}>
{{svg-jar "close" class="ih2 stroke-midlightgrey-l2"}}
</button>
{{/if}}