Improves accesibility

app/assets/stylesheets/layout.scss

@@ -19,6 +19,7 @@
 // 17. Verification
 // 18. Comments
 // 19. Flags
+// 20. Accesibility
 //
 
 // 01. Variables
@@ -310,10 +311,11 @@ header {
     padding: 0;
   }
 
-  p {
+  h2 {
     color: white;
     font-size: rem-calc(16);
-    line-height:  rem-calc(30);
+    font-weight: normal;
+    line-height: rem-calc(30);
   }
 
   .button {
@@ -1642,7 +1644,7 @@ table {
           font-family: "icons" !important;
           position: absolute;
           right: 0;
-          top: rem-calc(6);
+          top: rem-calc(12);
 
           @media (min-width: $small-breakpoint) {
             content: 'c';
@@ -1932,3 +1934,17 @@ table {
 .flag-active {
   color: $delete;
 }
+
+// 20. Accesibility
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}

app/views/devise/confirmations/new.html.erb

@@ -1,5 +1,5 @@
 <% provide :title do %><%= t("devise_views.confirmations.title") %><% end %>
-<h1 class="text-center"><%= t("devise_views.confirmations.title") %></h1>
+<h2 class="text-center"><%= t("devise_views.confirmations.title") %></h2>
 
 <%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
   <%= render 'shared/errors', resource: resource %>

app/views/devise/passwords/new.html.erb

@@ -1,5 +1,5 @@
 <% provide :title do %><%= t("devise_views.passwords.new.title") %><% end %>
-<h1 class="text-center"><%= t("devise_views.passwords.new.title") %></h1>
+<h2 class="text-center"><%= t("devise_views.passwords.new.title") %></h2>
 <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
   <%= render 'shared/errors', resource: resource %>
 

app/views/kaminari/_paginator.html.erb

@@ -1,6 +1,6 @@
 <%= paginator.render do -%>
   <div class="pagination-centered">
-    <nav role="navigation">
+    <nav>
       <ul class="pagination">
         <%= first_page_tag unless current_page.first? %>
         <%= prev_page_tag unless current_page.first? %>

app/views/layouts/_admin_header.html.erb

@@ -6,11 +6,11 @@
   </section>
 
   <div class="contain-to-grid clear">
-    <nav class="top-bar" data-topbar role="navigation">
+    <nav class="top-bar" data-topbar>
       <ul class="title-area">
         <li class="name">
           <%= link_to root_path do %>
-            <%= image_tag('header_logo_madrid.png', class: 'left', size: '96x96') %>
+            <%= image_tag('header_logo_madrid.png', class: 'left', size: '96x96', alt: t("layouts.header.logo")) %>
             <%= t("layouts.header.open_gov", open: "<strong>#{t('layouts.header.open')}</strong>").html_safe %> <span>|</span> <span class="logo-site"><%= t("admin.dashboard.index.title") %></span>
           <% end %>
         </li>

app/views/layouts/_footer.html.erb

@@ -3,9 +3,9 @@
 		<div class="row">
 
       <div class="small-12 large-4 column">
-        <div class="logo">
+        <h3 class="logo">
           <%= link_to t("layouts.header.open_gov", open: "#{t('layouts.header.open')}").html_safe %>
-        </div>
+        </h3>
 
         <p>
           <%= t("layouts.footer.description",
@@ -52,15 +52,19 @@
 
       <div class="small-12 medium-2 column social">
         <%= link_to "https://twitter.com/abriendomadrid", target: "_blank", title: t("social.twitter") do %>
+          <span class="sr-only"><%= t("social.twitter") %></span>
           <i class="icon-twitter"></i>
         <% end %>
         <%= link_to "https://www.facebook.com/Abriendo-Madrid-1475577616080350/", target: "_blank", title: t("social.facebook") do %>
+          <span class="sr-only"><%= t("social.facebook") %></span>
           <i class="icon-facebook"></i>
         <% end %>
         <%= link_to "/blog", target: "_blank", title: t("social.blog") do %>
+          <span class="sr-only"><%= t("social.blog") %></span>
           <i class="icon-blog"></i>
         <% end %>
         <%= link_to "https://www.youtube.com/channel/UCFmaChI9quIY7lwHplnacfg", target: "_blank", title: t("social.youtube") do %>
+          <span class="sr-only"><%= t("social.youtube") %></span>
           <i class="icon-youtube"></i>
         <% end %>
       </div>