From ff838bf315309ee8c138b6b031171b9b77351cdc Mon Sep 17 00:00:00 2001
From: mauriziovitale84 <maurizio.vitale@alfresco.com>
Date: Wed, 4 May 2016 14:19:18 +0100
Subject: [PATCH] #17 Accessibility - W3C

---
 .../ng2-alfresco-login/src/components/alfresco-login.html     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ng2-components/ng2-alfresco-login/src/components/alfresco-login.html b/ng2-components/ng2-alfresco-login/src/components/alfresco-login.html
index 502bd0f928..4a52f5a295 100644
--- a/ng2-components/ng2-alfresco-login/src/components/alfresco-login.html
+++ b/ng2-components/ng2-alfresco-login/src/components/alfresco-login.html
@@ -6,7 +6,7 @@
         <div class="mdl-card__supporting-text">
             <div [ngClass]="{'is-invalid': isErrorStyle(form.controls.username)}" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label ">
                 <label for="username" class="mdl-textfield__label">{{'username' | translate }}</label>
-                <input type="text" class="mdl-textfield__input" id="username" ngControl="username" />
+                <input type="text" class="mdl-textfield__input" id="username" ngControl="username" tabindex="1" />
                 <span class="mdl-tooltip mdl-tooltip--validation" for="username" *ngIf="form.controls.username.hasError('required')">
                         <span>{{'input-required-message' | translate }}</span>
                 </span>
@@ -17,7 +17,7 @@
 
             <div [ngClass]="{'is-invalid': isErrorStyle(form.controls.password)}" class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                 <label for="password" class="mdl-textfield__label">Password</label>
-                <input type="password" class="mdl-textfield__input" id="password" ngControl="password" />
+                <input type="password" class="mdl-textfield__input" id="password" ngControl="password" tabindex="2" />
                 <span class="mdl-tooltip mdl-tooltip--validation" for="password" *ngIf="form.controls.password.hasError('required')">
                         <span>{{'input-required-message' | translate }}</span>
                 </span>