mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-25 19:48:50 +03:00
59fcc567f1
refs TryGhost/Ghost#11863 Some `a`tags with `href` attributes that are empty are used as buttons, but since the href is not linkifying anything, they appear as text nodes to assistive technologies. Give them a `"button"` role so it is guaranteed that assistive technologies will pick them up as actionable controls.
27 lines
1.1 KiB
Handlebars
27 lines
1.1 KiB
Handlebars
<header class="modal-header">
|
|
<h1>Please re-authenticate</h1>
|
|
</header>
|
|
<a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>
|
|
|
|
<div class="modal-body {{if this.authenticationError 'error'}}">
|
|
|
|
<form id="login" class="login-form" method="post" novalidate="novalidate" {{action "confirm" on="submit"}}>
|
|
<GhValidationStatusContainer @class="password-wrap" @errors={{this.errors}} @property="password" @hasValidated={{this.hasValidated}}>
|
|
<GhTextInput
|
|
@class="password"
|
|
@type="password"
|
|
@placeholder="Password"
|
|
@name="password"
|
|
@value={{readonly this.password}}
|
|
@input={{action (mut this.password) value="target.value"}} />
|
|
</GhValidationStatusContainer>
|
|
<div>
|
|
<GhTaskButton @buttonText="Log in" @task={{this.reauthenticate}} @class="gh-btn gh-btn-blue gh-btn-icon" @type="submit" />
|
|
</div>
|
|
</form>
|
|
|
|
{{#if this.authenticationError}}
|
|
<p class="response">{{this.authenticationError}}</p>
|
|
{{/if}}
|
|
</div>
|