Adicionar tag noscript na barra (correção de acessibilidade)
rodfersou opened this issue · 2 comments
rodfersou commented
A tag script do brasil.gov.barra não possui conteúdo alternativo para leitores de tela que não possuem suporte a javascript.
Devemos adicionar uma tag noscript conforme esse exemplo.
Seu conteúdo pode ser simplesmente um link apontando para algum site que explica o que é a barra, ou alguns links com os mesmos conteúdos da barra.
Exemplo link:
<noscript>
<a href="http://epwg.governoeletronico.gov.br/barra/">Barra de identidade do governo</a>
</noscript>
Exemplo replicando conteúdo (acredito que seria mais interessante assim):
<noscript>
<div id="wrapper-barra-brasil">
<div class="brasil-flag">
<a href="http://brasil.gov.br" class="link-barra">Brasil</a>
</div>
<span class="acesso-info">
<a href="http://brasil.gov.br/barra#acesso-informacao" class="link-barra">Acesso à informação</a>
</span>
<ul class="list">
<li class="list-item first"><a href="http://brasil.gov.br/barra#participe" class="link-barra">Participe</a></li>
<li class="list-item"><a href="http://www.servicos.gov.br/" class="link-barra">Serviços</a></li>
<li class="list-item"><a href="http://www.planalto.gov.br/legislacao" class="link-barra">Legislação</a></li>
<li class="list-item last last-item"><a href="http://brasil.gov.br/barra#orgaos-atuacao-canais" class="link-barra">Canais</a></li>
</ul>
</div>
</noscript>
valessiobrito commented
@rodfersou essa instrução foi feita. Pode conferir aqui: https://barra.brasil.gov.br/
Pode fechar a Issue.