Commit bf49b8f921e25a335577fc0acb927fbb3bbd712c

Authored by Leonardo Merlin
1 parent 1cc8da1c

Fix some a11y issues. Icon must have aria-hidden

src/app/components/category-list/category-list.html
@@ -7,8 +7,8 @@ @@ -7,8 +7,8 @@
7 ng-class="{active: categoryListCtrl.selectedCategory.slug === category.slug}" 7 ng-class="{active: categoryListCtrl.selectedCategory.slug === category.slug}"
8 ng-click="categoryListCtrl.selectCategory(category, $event)"> 8 ng-click="categoryListCtrl.selectCategory(category, $event)">
9 9
10 - <span class="category-list--icon-circle" ng-class="category.slug"></span>  
11 - <span class="category-list--icon icon" ng-class="'icon-tema-' + category.slug"></span> 10 + <span class="category-list--icon-circle" aria-hidden="true" ng-class="category.slug"></span>
  11 + <span class="category-list--icon icon" aria-hidden="true" ng-class="'icon-tema-' + category.slug"></span>
12 <span class="category-list--label">{{::category.name}}</span> 12 <span class="category-list--label">{{::category.name}}</span>
13 <span class="category-list--icon--right glyphicon glyphicon-chevron-right"></span> 13 <span class="category-list--icon--right glyphicon glyphicon-chevron-right"></span>
14 </button> 14 </button>
src/app/components/navbar/navbar.html
@@ -3,9 +3,9 @@ @@ -3,9 +3,9 @@
3 <div class="navbar-header"> 3 <div class="navbar-header">
4 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"> 4 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
5 <span class="sr-only">Alternar menu de navegação</span> 5 <span class="sr-only">Alternar menu de navegação</span>
6 - <span class="icon-bar"></span>  
7 - <span class="icon-bar"></span>  
8 - <span class="icon-bar"></span> 6 + <span class="icon-bar" aria-hidden="true"></span>
  7 + <span class="icon-bar" aria-hidden="true"></span>
  8 + <span class="icon-bar" aria-hidden="true"></span>
9 </button> 9 </button>
10 <a class="navbar-brand" ui-sref="inicio"> 10 <a class="navbar-brand" ui-sref="inicio">
11 <img src="/assets/images/logo.png" alt="Dialoga Brasil | O país fica melhor quando você participa" /> 11 <img src="/assets/images/logo.png" alt="Dialoga Brasil | O país fica melhor quando você participa" />
src/app/pages/header/header.html
@@ -6,7 +6,7 @@ @@ -6,7 +6,7 @@
6 <div class="accessibility-wrapper"> 6 <div class="accessibility-wrapper">
7 7
8 <button type="button" class="btn btn-link pull-right" ui-sref="entrar"> 8 <button type="button" class="btn btn-link pull-right" ui-sref="entrar">
9 - <span class="icon icon-user"></span> 9 + <span class="icon icon-user" aria-hidden="true"></span>
10 Entrar 10 Entrar
11 </button> 11 </button>
12 </div> 12 </div>