yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added aria label for validation messages on login

Browse Source
This commit is contained in:
Matthew Wise
2019-05-11 17:31:37 +01:00
parent a43359e440
commit 9b0d16f0ad
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/Umbraco.Web.UI.Client/src/views/components/application/umb-login.html
View File

@@ -148,10 +148,9 @@
<form method="POST" name="vm.loginForm" ng-submit="vm.loginSubmit()">
<div class="control-group" ng-show="vm.loginForm.$invalid">
<div class="text-error">{{vm.errorMsg}}</div>
<div ng-messages="vm.loginForm.$error" class="control-group" aria-live="assertive">
<p ng-message="auth" class="text-error" role="alert">{{vm.errorMsg}}</p>
</div>
<div class="control-group" ng-class="{error: vm.loginForm.username.$invalid}">
<label>{{vm.labels.usernameLabel}}</label>
<input type="text" ng-model="vm.login" name="username" class="-full-width-input" placeholder="{{vm.labels.usernamePlaceholder}}" focus-when="{{vm.view === 'login'}}" />
@@ -169,12 +168,11 @@
</div>
<div class="flex justify-between items-center">
<umb-button
button-style="success"
size="m"
label-key="general_login"
state="vm.loginStates.submitButton"
type="submit">
<umb-button button-style="success"
size="m"
label-key="general_login"
state="vm.loginStates.submitButton"
type="submit">
</umb-button>
<div ng-show="vm.allowPasswordReset">
<a class="muted" style="text-decoration: underline;" href="#" prevent-default ng-click="vm.showRequestPasswordReset()"><localize key="login_forgottenPassword">Forgotten password?</localize></a>