From 9b0d16f0addaf42dc2ea520885326fd62075be92 Mon Sep 17 00:00:00 2001
From: Matthew Wise <6782865+Matthew-Wise@users.noreply.github.com>
Date: Sat, 11 May 2019 17:31:37 +0100
Subject: [PATCH] Added aria label for validation messages on login

---
 .../views/components/application/umb-login.html  | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/application/umb-login.html b/src/Umbraco.Web.UI.Client/src/views/components/application/umb-login.html
index baf9af916c..e7513617b7 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/application/umb-login.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/application/umb-login.html
@@ -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>