Portar as soluções de de TI de meio que permitam a inclusão das pessoas ao meio digital é também responsabilidade dos desenvolvedores, já se encontra em processo de aquisição uma solução completa comportando esta solução tramitando junto a gestão, mas, a equipe da COTEC / PORTAIS desenvolveu uma solução baseada em Jquery que pode ser aplicada sem muita dificuldade, como descrito abaixo:
Barra de acessibilidade utilizada nos sites institucionais
Para prover a solução acima, é necessário delimitar através do uso de nomenclatura de divs três áreas especificas: inst (div que comporta o menu); xpto (div que comporta a área principal da página), e links-rodape (div que comporta o rodapé).
A solução é composta por três áreas específicas:
Área | Descrição |
![]() |
De acordo com o navegador é possível navegar rapidamente via teclado usando teclas de atalho para as áreas de conteúdo (acessa a DIV xpto); a área de menu (acessa a DIV inst); e, ao rodapé (acessa a DIV links-rodape) |
![]() |
Ao clicar neste link, será aberto um modal explicando como usar a barra, assim como a indicação de vários programas desktop para ajudar o portador de necessidades especiais |
![]() |
Ao cliar no botão "A" as fontes ficarão com o tamanho 14; ao clicar no botão "+" as fontes serão incrementados no tamanho; no caso de clicar em "Contraste" será aplicado estilos de alto contraste. Todos esses recursos serão aplicados na DIV xpto (já mencionada anteriormente) |
No HEAD do site basta chamar os scripts abaixo na mesma ordem de exibição:
<script src="https://prodap.ap.gov.br/padrao/template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://prodap.ap.gov.br/padrao/template/js/access.js" type="text/javascript" charset="utf-8"></script>
A mesma irá ser exibida na parte superior do site onde a DIV deverá receber o id "ace"
Para maiores esclarecimentos, recomenda-se acessar a página da PGE, PROCON, etc.