Reviewed the forgotten password screen to include alerts and support …

…for screen readers
umbraco · Sep 5, 2019 · a68bc34 · a68bc34
1 parent f9dbf86
commit a68bc34
Showing 1 changed file with 5 additions and 3 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
@@ -183,7 +183,7 @@ <h1>{{greeting}}</h1>
                 </div>
 
                 <div ng-show="vm.view == 'request-password-reset'">
-                    <p>
+                    <p tabindex="0">
                         <localize key="login_forgottenPasswordInstruction">An email will be sent to the address specified with a link to reset your password</localize>
                     </p>
 
@@ -198,9 +198,11 @@ <h1>{{greeting}}</h1>
                         </div>
 
                         <div class="control-group" ng-show="vm.showEmailResetConfirmation">
-                            <div class="text-info">
+                            <div class="text-info" role="alert">
+                                <p tabindex="0">
                                 <localize key="login_requestPasswordResetConfirmation">An email with password reset instructions will be sent to the specified address if it matched our records</localize>
-                            </div>
+                                    </p>
+                                </div>
                         </div>
 
                         <div class="flex justify-between items-center">