Commit 8d19af798c0e2e40ce658f80f68d999a1ddc0c82

Authored by higo.gomes
1 parent 83175a88

alteraçoes de fonte e alteraçoes dos links.

git-svn-id: https://svn.bento.ifrs.edu.br/default/ASES/ASES%20-%20Web/ASES%20-%20Web/Fontes/avaliador-web@10675 c2178572-b5ca-4887-91d2-9e3a90c7d55b
src/main/webapp/WEB-INF/jsp/institucional/acessibilidade.jsp
... ... @@ -3,32 +3,49 @@
3 3  
4 4 <t:baseLayout>
5 5 <jsp:body>
  6 + <div class="funcionalidades">
  7 + <ul class="breadcrumb">
  8 + <li>
  9 + <span>Você está em:</span>
  10 + </li>
  11 + <li>
  12 + <a href="${pageContext.request.contextPath}">Página Inicial</a>
  13 + </li>
  14 + <li>|</li>
  15 + <li>Acessibilidade</li>
  16 + </ul>
  17 + </div>
  18 +
  19 +
6 20 <div class="tile --NOVALUE--">
7 21 <div class="outstanding-header">
8 22 <h2 class="outstanding-title">Acessibilidade</h2>
9 23 </div>
  24 +
10 25 <p class="documentDescription">
11   - Este portal segue as diretrizes do e-MAG (Modelo de Acessibilidade em Governo Eletrônico), conforme as normas do Governo Federal, em obediência ao Decreto 5.296, de 2.12.2004</p>
  26 + Este portal segue as diretrizes do eMAG (Modelo de Acessibilidade em Governo Eletrônico), conforme as normas do Governo Federal, em obediência ao Decreto nº 5.296, de 2 de Dezembro de 2004.</p>
12 27  
13 28 <div id="content-core">
14 29  
15 30 <p>O termo acessibilidade significa incluir a pessoa com deficiência na participação de atividades como o uso de produtos, serviços e informações. Alguns exemplos são os prédios com rampas de acesso para cadeira de rodas e banheiros adaptados para deficientes.</p>
16   - <p>Na internet, acessibilidade refere-se principalmente às recomendações do WCAG (World Content Accessibility Guide) do W3C e no caso do Governo Brasileiro ao e-MAG (Modelo de Acessibilidade em Governo Eletrônico). O e-MAG está alinhado as recomendações internacionais, mas estabelece padrões de comportamento acessível para sites governamentais.</p>
  31 + <p>Na internet, acessibilidade refere-se principalmente às recomendações do WCAG (<span lang="en">World Content Accessibility Guide</span>) do W3C (<span lang="en">World Wide Web Consortium</span>) e no caso do Governo Brasileiro ao eMAG (Modelo de Acessibilidade em Governo Eletrônico). O eMAG está alinhado as recomendações internacionais, mas estabelece padrões de comportamento acessível para sítios governamentais.</p>
17 32  
18 33 <p>Na parte superior do portal existe uma barra de acessibilidade onde se encontra atalhos de navegação padronizados e a opção para alterar o contraste. Essas ferramentas estão disponíveis em todas as páginas do portal.</p>
19 34  
20 35 <p>Os atalhos padrões do governo federal são:</p>
  36 +
  37 + <ul>
  38 +
  39 + <li>Teclando-se Alt + 1 em qualquer página do portal, chega-se diretamente ao começo do conteúdo principal da página.</li>
  40 +
  41 + <li>Teclando-se Alt + 4 em qualquer página do portal, chega-se diretamente ao rodapé do sítio.</li>
21 42  
22   - <p>Teclando-se Alt + 1 em qualquer página do portal, chega-se diretamente ao começo do conteúdo principal da página.</p>
23   - <p>Teclando-se Alt + 2 em qualquer página do portal, chega-se diretamente ao início do menu principal.</p>
24   -
25   - <p>Teclando-se Alt + 3 em qualquer página do portal, chega-se diretamente em sua busca interna.</p>
26   -
27   - <p>Teclando-se Alt + 4 em qualquer página do portal, chega-se diretamente ao rodapé do site.</p>
28   -
  43 + </ul>
  44 +
  45 +
29 46 <p>Esses atalhos valem para o navegador Chrome, mas existem algumas variações para outros navegadores.</p>
30 47  
31   - <p>Quem prefere utilizar o Internet Explorer é preciso apertar o botão Enter do seu teclado após uma das combinações acima. Portanto, para chegar ao campo de busca de interna é preciso pressionar Alt+3 e depois Enter.</p>
  48 + <p>Quem prefere utilizar o Internet Explorer é preciso apertar o botão Enter do seu teclado após uma das combinações acima.</p>
32 49  
33 50 <p>No caso do Firefox, em vez de Alt + número, tecle simultaneamente Alt + Shift + número.</p>
34 51  
... ... @@ -36,37 +53,42 @@
36 53  
37 54 <p>No Opera, as teclas são Shift + Escape + número. Ao teclar apenas Shift + Escape, o usuário encontrará uma janela com todas as alternativas de ACCESSKEY da página.</p>
38 55  
39   - <p>Ao final desse texto, você poderá baixar alguns arquivos que explicam melhor o termo acessibilidade e como deve ser implementado nos sites da Internet.</p>
  56 + <p>Ao final desse texto, você poderá baixar alguns arquivos que explicam melhor o termo acessibilidade e como deve ser implementado nos sítios da Internet.</p>
40 57  
41 58 </div>
42 59  
43   - </div>
44   -
  60 + <hr class="hr_linhaDupla">
45 61 <div class="outstanding-header">
46 62 <h2 class="outstanding-title">Leis e decretos sobre acessibilidade</h2>
47 63 </div>
  64 +
  65 + <ul>
  66 + <li><a class="external-link" href="http://www.planalto.gov.br/ccivil_03/_Ato2004-2006/2004/Decreto/D5296.htm">Decreto nº 5.296, de 02 de Dezembro de 2004 (link para um novo sítio)</a></li>
  67 + <li><a href="http://www.planalto.gov.br/ccivil_03/_ato2007-2010/2009/decreto/d6949.htm">Decreto nº 6.949, de 25 de Agosto de 2009 - Promulga a Convenção Internacional sobre os Direitos das Pessoas com Deficiência e seu Protocolo Facultativo, assinados em Nova York, em 30 de Março de 2007 (link para um novo sítio)</a></li>
  68 + <li><a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2012/Decreto/D7724.htm">Decreto nº 7.724, de 16 de Maio de 2012 - Regulamenta a Lei nº 12.527, que dispõe sobre o acesso a informações (link para um novo sítio)</a></li>
  69 + <li><a class="external-link" href="http://www.governoeletronico.gov.br/acoes-e-projetos/eMAG">Modelo de Acessibilidade de Governo Eletrônico (link para um novo sítio)</a></li>
  70 + <li><a href="http://www.governoeletronico.gov.br/biblioteca/arquivos/portaria-no-03-de-07-05-2007">Portaria nº 03, de 07 de Maio de 2007 - Institucionaliza o Modelo de Acessibilidade em Governo Eletrônico – eMAG (formato .pdf - 36 Kb)</a></li>
  71 + <li><a href="http://www.planalto.gov.br/ccivil_03/_Ato2015-2018/2015/Lei/L13146.htm">Lei nº 13.146, de 6 de Julho de 2015 - Institui a Lei Brasileira de Inclusão da Pessoa com Deficiência (link para um novo sítio)</a></li>
  72 + <li><a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2012/Decreto/D7724.htm">Decreto nº 7.724, de 16 de Maio de 2012 - Regulamenta a Lei nº 12.527, que dispõe sobre o acesso a informações (link para um novo sítio)</a></li>
  73 + <li><a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2011/lei/l12527.htm">Lei nº 12.527, de 18 de Novembro de 2011 - Lei de Acesso à Informação (link para um novo sítio)</a></li>
  74 + </ul>
48 75  
49   -
50   -
51   - <p>Decreto nº 5.296 de 02 de dezembro de 2004 (<a class="external-link" href="http://www.planalto.gov.br/ccivil_03/_Ato2004-2006/2004/Decreto/D5296.htm">http://www.planalto.gov.br/ccivil_03/_Ato2004-2006/2004/Decreto/D5296.htm</a>)<br>
52   - Decreto nº 6.949, de 25 de agosto de 2009 - Promulga a Convenção Internacional sobre os Direitos das Pessoas com Deficiência e seu Protocolo Facultativo, assinados em Nova York, em 30 de março de 2007 (<a href="http://www.planalto.gov.br/ccivil_03/_ato2007-2010/2009/decreto/d6949.htm">http://www.planalto.gov.br/ccivil_03/_ato2007-2010/2009/decreto/d6949.htm</a>)<br>
53   - Decreto nº 7.724, de 16 de Maio de 2012 - Regulamenta a Lei No 12.527, que dispõe sobre o acesso a informações.<br>(<a href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2012/Decreto/D7724.htm">http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2012/Decreto/D7724.htm</a>)<br>
54   - Modelo de Acessibilidade de Governo Eletrônico (<a class="external-link" href="http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG">http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG</a>)
55   - Portaria nº 03, de 07 de Maio de 2007 - formato .pdf (35,5Kb) - Institucionaliza o Modelo de Acessibilidade em Governo
56   -Eletrônico – e-MAG :<br>(<a href="http://www.governoeletronico.gov.br/biblioteca/arquivos/portaria-no-03-de-07-05-2007">http://www.governoeletronico.gov.br/biblioteca/arquivos/portaria-no-03-de-07-05-2007</a>)
57   - </p>
58   -
  76 + <hr class="hr_linhaDupla">
59 77 <div class="outstanding-header">
60 78 <h2 class="outstanding-title">Dúvidas, sugestões e críticas</h2>
61 79 </div>
62 80  
63 81 <p>No caso de problemas com a acessibilidade do portal, favor <a class="external-link" href="${pageContext.request.contextPath}/contato" >entrar em contato</a>.</p>
64 82  
  83 + <hr class="hr_linhaDupla">
65 84 <div class="outstanding-header">
66 85 <h2 class="outstanding-title">Dicas, links e recursos úteis</h2>
67 86 </div>
68 87  
69   - <p>Acessibilidade Legal (<a class="external-link" href="http://www.acessibilidadelegal.com/" target="_self" title="">http://acessibilidadelegal.com/</a>)<br>Acesso Digital (<a class="external-link" href="http://www.acessodigital.net/links.html" target="_self" title="">http://acessodigital.net/links.html)</a></p>
70   -
  88 + <ul>
  89 + <li><a class="external-link" href="http://www.acessibilidadelegal.com/" target="_self" title="">Acessibilidade Legal (link para um novo sítio)</a></li>
  90 + <li><a class="external-link" href="http://www.acessodigital.net/links.html" target="_self" title="">Acesso Digital (link para um novo sítio)</a></li>
  91 + </ul>
  92 + </div>
71 93 </jsp:body>
72 94 </t:baseLayout>
73 95 \ No newline at end of file
... ...