From 65a8db5dab4d4569b61b01babee68ea18a878184 Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Thu, 2 Jul 2015 13:57:50 -0300
Subject: [PATCH] Small improvements acessibility of buttons and forms (issue #342)

---
 index.html | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 29b0bc1..34a3a97 100644
--- a/index.html
+++ b/index.html
@@ -99,12 +99,12 @@
       <header class="container">
         <div class="row" style="margin: 10px 0 0 0">
           <div class="col-xs-6">
-            <button type="button" id="display-contrast" class="btn btn-link"><i class="fa fa-adjust"></i> Alto Contraste</button>
+            <button type="button" id="display-contrast" class="btn btn-link"><i class="fa fa-adjust" aria-hidden="true"></i> Alto Contraste</button>
           </div>
           <div class="col-xs-6">
             <div class="participar hide">
-              <button type="button" id="login-button" class="btn login"><i class="icon icon-login"></i>Entrar</button>
-              <button type="button" id="logout-button" class="btn logout hide"><i class="icon icon-login"></i><span class="name"></span>Sair</button>
+              <button type="button" id="login-button" class="btn login"><i class="icon icon-login" aria-hidden="true"></i>Entrar</button>
+              <button type="button" id="logout-button" class="btn logout hide"><i class="icon icon-login" aria-hidden="true"></i><span class="name"></span>Sair</button>
             </div>
           </div>
           <div class="col-xs-12">
@@ -112,7 +112,7 @@
           </div>
         </div>
         <h1>
-          <a href="#" class='logo'>{{article.title}}</a>
+          <a href="/" class='logo'>{{article.title}}</a>
         </h1>
         <div class="top-menu">
           <a href="#/artigo/108073">Sobre</a>
@@ -294,7 +294,7 @@
                         <div class="section-content">
                           <div class="container-title box-title"> Apoie outras propostas</div>
                           <div class="alert alert-warning hide" role="alert">
-                            <i class="fa fa-warning"></i><strong>Proposta não encontrada</strong>
+                            <i class="fa fa-warning" aria-hidden="true"></i><strong>Proposta não encontrada</strong>
                           </div>
                           <div class="support-proposal-content require-login">
                             <div class="random-proposal"></div>
@@ -397,12 +397,12 @@
         </div>
         <p class="box-subtitle">Ou acesse:</p>
         <div class="username">
-          <label for="user_name" class="label">Nome de Usuário / E-mail:</label>
-          <input id="user_name" name="login" type="text" placeholder="Nome do usuário / E-mail">
+          <label for="login-user_name" class="label">Nome de Usuário / E-mail:</label>
+          <input id="login-user_name" name="login" type="text" placeholder="Nome do usuário / E-mail">
         </div>
         <div class="password">
-          <label for="user_password" class="label">Senha:</label>
-          <input id="user_password" name="password" type="password" placeholder="Senha">
+          <label for="login-user_password" class="label">Senha:</label>
+          <input id="login-user_password" name="password" type="password" placeholder="Senha">
         </div>
         <div class="row">
           <div class="actions col-sm-4">
@@ -419,17 +419,17 @@
         <div class="message hide"></div>
         <p class="box-subtitle">Cadastre-se</p>
         <div class="email">
-          <label for="user_email" class="label">E-mail:</label>
-          <input id="user_email" name="email" type="email" required placeholder="E-mail">
+          <label for="signup-user_email" class="label">E-mail:</label>
+          <input id="signup-user_email" name="email" type="email" required placeholder="E-mail">
         </div>
         <div class="username">
-          <label for="user_name" class="label">Nome de Usuário</label>
-          <input id="user_name" name="login" type="text" required placeholder="Nome do usuário">
+          <label for="signup-user_name" class="label">Nome de Usuário</label>
+          <input id="signup-user_name" name="login" type="text" required placeholder="Nome do usuário">
         </div>
         <div class="row">
           <div class="password col-sm-6">
-            <label for="user_password" class="label">Senha:</label>
-            <input id="user_password" name="password" type="password" placeholder="Senha">
+            <label for="signup-user_password" class="label">Senha:</label>
+            <input id="signup-user_password" name="password" type="password" placeholder="Senha">
           </div>
           <div class="password-confirmation col-sm-6">
             <label for="user_password_confirmation" class="label">Confirme a senha:</label>
@@ -444,10 +444,10 @@
           <div class="actions col-sm-12">
             <div class="row">
               <div class="col-sm-4">
-                <a href="#" class="confirm-signup button button-confirm">Confirmar</a>
+                <button type="submit" class="confirm-signup button button-confirm">Confirmar</button>
               </div>
               <div class="col-sm-4">
-                <a href="#" class="cancel-signup button button-cancela">Cancelar</a>
+                <button type="button" class="cancel-signup button button-cancela">Cancelar</button>
               </div>
             </div>
           </div>
@@ -497,12 +497,12 @@
             </div>
             <div class="calendar__column col-xs-6 col-sm-3">
               <div class="row">
-                <div class="calendar__date"><i class="fa fa-calendar"></i> {{date}}</div>
+                <div class="calendar__date"><i class="fa fa-calendar" aria-hidden="true"></i> {{date}}</div>
               </div>
             </div>
             <div class="calendar__column col-xs-6 col-sm-3">
               <div class="row">
-                <div class="calendar__time"><i class="fa fa-clock-o"></i> {{time}}</div>
+                <div class="calendar__time"><i class="fa fa-clock-o" aria-hidden="true"></i> {{time}}</div>
               </div>
             </div>
           </div>
--
libgit2 0.21.2