Download as
Browse Code »

Commit 8d19af798c0e2e40ce658f80f68d999a1ddc0c82

Authored by higo.gomes
1 parent 83175a88
Exists in master and in 1 other branch Desenvolvimento-Ases-Web

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
Showing 1 changed file with 47 additions and 25 deletions   Show diff stats
src/main/webapp/WEB-INF/jsp/institucional/acessibilidade.jsp
  Diff comments   View file @8d19af7
@@ -3,32 +3,49 @@ @@ -3,32 +3,49 @@
3 3
4 <t:baseLayout> 4 <t:baseLayout>
5 <jsp:body> 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 <div class="tile --NOVALUE--"> 20 <div class="tile --NOVALUE--">
7 <div class="outstanding-header"> 21 <div class="outstanding-header">
8 <h2 class="outstanding-title">Acessibilidade</h2> 22 <h2 class="outstanding-title">Acessibilidade</h2>
9 </div> 23 </div>
  24 +
10 <p class="documentDescription"> 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 <div id="content-core"> 28 <div id="content-core">
14 29
15 <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> 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 <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> 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 <p>Os atalhos padrões do governo federal são:</p> 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 <p>Esses atalhos valem para o navegador Chrome, mas existem algumas variações para outros navegadores.</p> 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 <p>No caso do Firefox, em vez de Alt + número, tecle simultaneamente Alt + Shift + número.</p> 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,37 +53,42 @@
36 53
37 <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> 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 </div> 58 </div>
42 59
43 - </div>  
44 - 60 + <hr class="hr_linhaDupla">
45 <div class="outstanding-header"> 61 <div class="outstanding-header">
46 <h2 class="outstanding-title">Leis e decretos sobre acessibilidade</h2> 62 <h2 class="outstanding-title">Leis e decretos sobre acessibilidade</h2>
47 </div> 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 <div class="outstanding-header"> 77 <div class="outstanding-header">
60 <h2 class="outstanding-title">Dúvidas, sugestões e críticas</h2> 78 <h2 class="outstanding-title">Dúvidas, sugestões e críticas</h2>
61 </div> 79 </div>
62 80
63 <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> 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 <div class="outstanding-header"> 84 <div class="outstanding-header">
66 <h2 class="outstanding-title">Dicas, links e recursos úteis</h2> 85 <h2 class="outstanding-title">Dicas, links e recursos úteis</h2>
67 </div> 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 </jsp:body> 93 </jsp:body>
72 </t:baseLayout> 94 </t:baseLayout>
73 \ No newline at end of file 95 \ No newline at end of file