Commit e832ea7f1f3b7ecd1912ff3102a00892d3b5e202

Authored by 96409975520
1 parent d409a0dc
Exists in master

Conclusão do relatório final do FAD

WebContent/WEB-INF/jsp/relatorio/relatorioFinal.jsp 0 → 100644
... ... @@ -0,0 +1,1680 @@
  1 +<%@page contentType="text/html" pageEncoding="UTF-8"%>
  2 +<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  3 +<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
  4 +<!DOCTYPE html>
  5 +<html lang="pt-br">
  6 +<head>
  7 +<title>Documento Final do Relatório Circunstanciado de Acessibilidade Digital do Ano de 2016</title>
  8 +<meta name="viewport" content="width=device-width, initial-scale=1">
  9 +
  10 +<link rel="stylesheet" href="${pageContext.request.contextPath}/css/barra_brasil.css">
  11 +<link rel="stylesheet" href="${pageContext.request.contextPath}/css/w3-adicionais.css">
  12 +</head>
  13 +
  14 +<body class="w3-container">
  15 +
  16 +<!-- <a class="w3-link-two w3-round-xlarge" href="#conteudo" accesskey="1">Ir para o conteúdo (alt+1)</a> -->
  17 +<div id="topoRelatorio">
  18 + <ul id="accessibility">
  19 + <li><a class="w3-link-two w3-round-xlarge" accesskey="1" href="#conteudo" id="link-conteudo">Ir para o conteúdo</a></li>
  20 + </ul>
  21 + </div>
  22 +<div id="barra-brasil" class="barra_brasil">
  23 +
  24 + <ul id="menu-barra-temp">
  25 + <li><a class="primeiro-link" href="http://brasil.gov.br">Portal
  26 + do Governo Brasileiro</a></li>
  27 + <li><a class="segundo-link"
  28 + href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize
  29 + sua Barra de Governo</a></li>
  30 + </ul>
  31 + </div>
  32 +
  33 +<section id="conteudo" class="w3-row-padding">
  34 +<section class="w3-right w3-right-align w3-half">
  35 +<p>Ministério do Planejamento, Desenvolvimento e Gestão</p>
  36 +<p>Secretaria de Tecnologia da Informação e Comunicação</p>
  37 +<p>Departamento de Governo Digital</p>
  38 +<p>www.governoeletronico.gov.br</p>
  39 +</section>
  40 +
  41 +<section class="w3-right w3-show-block w3-center-align w3-threequarter w3-padding-24">
  42 +<h1 class="w3-blue-dark w3-padding-24 w3-round-xlarge w3-center"><span class="w3-margin-left w3-margin-right w3-padding-48">Documento Final do Relatório Circunstanciado de Acessibilidade Digital do Ano de 2016</span></h1>
  43 +</section>
  44 +
  45 +<section class="w3-right w3-show-block w3-right-align w3-half w3-small">
  46 +<p>Julho de 2017</p>
  47 +<p>Versão 1.0</p>
  48 +</section>
  49 +
  50 +
  51 +</section>
  52 +
  53 +<section class="w3-row-padding">
  54 +
  55 +<section class="w3-left w3-quarter w3-show-block ">
  56 +
  57 +
  58 +<section class="w3-container w3-padding-16 w3-blue-dark w3-round-xlarge">
  59 +<h2 class="w3-bottombar w3-border-white w3-padding-left" id="sumario">Sumário</h2>
  60 +<nav>
  61 +<ul class="w3-ul w3-hoverable">
  62 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#listadetabela"><span class="w3-badge w3-white">1</span> Lista de Tabelas</a></li>
  63 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#agradecimentos"><span class="w3-badge w3-white">2</span> Agradecimentos</a></li>
  64 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#introducao"><span class="w3-badge w3-white">3</span> Introdução</a></li>
  65 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#legislacao"><span class="w3-badge w3-white">4</span> Legislação</a></li>
  66 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#relatoriocircunstanciadodeacessibilidadedigital"><span class="w3-badge w3-white">5</span> Relatório Circunstanciado de Acessibilidade Digital</a></li>
  67 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#informacoesgeraisobreoreebchimentodofad"><span class="w3-badge w3-white">6</span> Informações Gerais Sobre o Preenchimento do FAD</a></li>
  68 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#informacoesgeraisdosplanosdetrabalho"><span class="w3-badge w3-white">7</span> Informações Gerais dos Planos de Trabalho</a></li>
  69 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#consideracoesfinais"><span class="w3-badge w3-white">8</span> Considerações Finais</a></li>
  70 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#glossario"><span class="w3-badge w3-white">9</span> Glossário</a></li>
  71 +<li class="w3-round-xlarge "><a class="w3-link w3-round-xlarge" href="#versaopdfdocumento"><span class="w3-badge w3-white">10</span> Versão PDF do Relatório Circunstanciado de Acessibilidade Digital</a></li>
  72 +</ul>
  73 +</nav>
  74 +</section>
  75 +
  76 +<section class="w3-padding-16">
  77 +<section class="w3-container w3-padding-top w3-padding-16 w3-blue-dark w3-round-xlarge">
  78 +<nav class="">
  79 +<h2 class="w3-bottombar w3-border-white w3-padding-left">Lista de Anexos</h2>
  80 +<ul class="w3-ul w3-hoverable">
  81 +<li class="w3-round-xlarge"><a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-1-relacao-orgaos-informacoes-gerais-preenchimento-fad.ods">Relação dos Órgãos das Informações Gerais Sobre Preenchimento do FAD (.ods, 25kb)</a></li>
  82 +<li class="w3-round-xlarge"><a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-2-relacao-orgaos-informacoes-gerais-planos-trabalho.ods">Relação dos Órgãos das Informações Gerais dos Planos de Trabalho (.ods, 27kb) </a></li>
  83 +<li class="w3-round-xlarge"><a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-3-relacao-ambientes-paginas-informados-orgaos-FAD.ods">Relação de Ambientes e Páginas informados pelos Órgãos no FAD (.ods, 46kb)</a></li>
  84 +<li class="w3-round-xlarge"><a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-4-relacao-respostas-subjetivas-FAD-informadas-orgaos.ods">Relação das respostas subjetivas do FAD informadas pelos Órgãos (.ods, 35kb)</a></li>
  85 +</ul>
  86 +</nav>
  87 +</section>
  88 +</section>
  89 +</section>
  90 +
  91 +
  92 +<main class="w3-threequarter">
  93 +<section class="w3-container w3-padding-24">
  94 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="listadetabela"><span class="w3-badge w3-blue-dark">1</span> Lista de Tabelas</h2></section>
  95 +<section class="w3-container w3-text-indent">
  96 +<br>
  97 +<ul class="w3-ul-inside-none">
  98 +<li><a class="w3-link w3-round-xlarge" href="#tabela1">Tabela 1 - Cumprimento da etapa Solicitação do FAD</a></li>
  99 +<li><a class="w3-link w3-round-xlarge" href="#tabela2">Tabela 2 - Cumprimento da etapa Respondido do FAD</a></li>
  100 +<li><a class="w3-link w3-round-xlarge" href="#tabela3">Tabela 3 - Cumprimento da etapa Anexados do FAD</a></li>
  101 +<li><a class="w3-link w3-round-xlarge" href="#tabela4">Tabela 4 - Cumprimento da etapa Enviados do FAD</a></li>
  102 +<li><a class="w3-link w3-round-xlarge" href="#tabela5">Tabela 5 - Cumprimento da etapa Respeitaram Prazo de Envio do FAD</a></li>
  103 +<li><a class="w3-link w3-round-xlarge" href="#tabela6">Tabela 6 - Cumprimento da etapa Justificação do Motivo de Não Respeito do Prazo de Envio do FAD</a></li>
  104 +<li><a class="w3-link w3-round-xlarge" href="#tabela7">Tabela 7 - Quantitativo da Pergunta 1 do FAD</a></li>
  105 +<li><a class="w3-link w3-round-xlarge" href="#tabela8">Tabela 8 - Quantitativo da Pergunta 2 do FAD</a></li>
  106 +<li><a class="w3-link w3-round-xlarge" href="#tabela9">Tabela 9 - Quantitativo da Pergunta 3 do FAD</a></li>
  107 +<li><a class="w3-link w3-round-xlarge" href="#tabela10">Tabela 10 - Quantitativo da Pergunta 4 do FAD</a></li>
  108 +<li><a class="w3-link w3-round-xlarge" href="#tabela11">Tabela 11 - Quantitativo da Pergunta 5 do FAD</a></li>
  109 +<li><a class="w3-link w3-round-xlarge" href="#tabela12">Tabela 12 - Quantitativo da Pergunta 6 do FAD</a></li>
  110 +<li><a class="w3-link w3-round-xlarge" href="#tabela13">Tabela 13 - Quantitativo da Pergunta 7 do FAD</a></li>
  111 +<li><a class="w3-link w3-round-xlarge" href="#tabela14">Tabela 14 - Quantitativo da Pergunta 8 do FAD</a></li>
  112 +<li><a class="w3-link w3-round-xlarge" href="#tabela15">Tabela 15 - Quantitativo da Pergunta 9 do FAD</a></li>
  113 +<li><a class="w3-link w3-round-xlarge" href="#tabela16">Tabela 16 - Quantitativo da Pergunta 10 do FAD</a></li>
  114 +<li><a class="w3-link w3-round-xlarge" href="#tabela17">Tabela 17 - Quantitativo da Pergunta 11 do FAD</a></li>
  115 +<li><a class="w3-link w3-round-xlarge" href="#tabela18">Tabela 18 - Quantitativo da Pergunta 12 do FAD</a></li>
  116 +<li><a class="w3-link w3-round-xlarge" href="#tabela19">Tabela 19 - Quantitativo da Pergunta 13 do FAD (Notas do ASESWEB)</a></li>
  117 +<li><a class="w3-link w3-round-xlarge" href="#tabela20">Tabela 20 - Quantitativo da Pergunta 13 do FAD (Notas do <em><span lang="en">AccessMonitor</span></em>)</a></li>
  118 +<li><a class="w3-link w3-round-xlarge" href="#tabela21">Tabela 21 - Quantitativo da Pergunta 14 do FAD</a></li>
  119 +<li><a class="w3-link w3-round-xlarge" href="#tabela22">Tabela 22 - Quantitativo da Pergunta 15 do FAD</a></li>
  120 +<li><a class="w3-link w3-round-xlarge" href="#tabela23">Tabela 23 - Quantitativo da Pergunta 16 do FAD</a></li>
  121 +<li><a class="w3-link w3-round-xlarge" href="#tabela24">Tabela 24 - Quantitativo da Pergunta 17 do FAD</a></li>
  122 +<li><a class="w3-link w3-round-xlarge" href="#tabela25">Tabela 25 - Quantitativo da Pergunta 18 do FAD</a></li>
  123 +<li><a class="w3-link w3-round-xlarge" href="#tabela26">Tabela 26 - Quantitativo da Pergunta 19 do FAD</a></li>
  124 +<li><a class="w3-link w3-round-xlarge" href="#tabela27">Tabela 27 - Quantitativo dos órgãos que apresentaram cronograma nos planos de trabalho</a></li>
  125 +<li><a class="w3-link w3-round-xlarge" href="#tabela28">Tabela 28 - Quantitativo dos órgãos que apresentaram datas de início e término nos cronogramas dos planos de trabalho</a></li>
  126 +<li><a class="w3-link w3-round-xlarge" href="#tabela29">Tabela 29 - Quantitativo dos órgãos que apresentaram datas de execução das atividades nos cronogramas dos planos de trabalho superiores ou inferiores a 6 meses</a></li>
  127 +<li><a class="w3-link w3-round-xlarge" href="#tabela30">Tabela 30 - Quantitativo dos órgãos que justificaram ou não as datas de execução das atividades nos cronogramas dos planos de trabalho superiores.</a></li>
  128 +<li><a class="w3-link w3-round-xlarge" href="#tabela31">Tabela 31 - Quantitativo dos Órgãos que detalham ou não suas atividades</a></li>
  129 +<li><a class="w3-link w3-round-xlarge" href="#tabela32">Tabela 32 - Quantitativo do escopo da adequação da acessibilidade dos ambientes digitais</a></li>
  130 +<li><a class="w3-link w3-round-xlarge" href="#tabela33">Tabela 33 - Quantitativo de atividades do plano de trabalho na melhoria da acessibilidade digital</a></li>
  131 +<li><a class="w3-link w3-round-xlarge" href="#tabela34">Tabela 34 - Quantitativo de execução da melhoria da acessibilidade digital (execuções começam no ano 2016)</a></li>
  132 +<li><a class="w3-link w3-round-xlarge" href="#tabela35">Tabela 35 - Quantitativo de execução da melhoria da acessibilidade digital (execuções começam no ano 2017)</a></li>
  133 +</ul>
  134 +
  135 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  136 +
  137 +</section>
  138 +</section>
  139 +
  140 +<section class="w3-container w3-padding-24">
  141 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="agradecimentos"><span class="w3-badge w3-blue-dark">2</span> Agradecimentos</h2></section>
  142 +<section class="w3-container w3-text-indent">
  143 +<p>A Secretaria de Tecnologia da Informação e Comunicação do Ministério do Planejamento agradece ao Ministério dos Direitos Humanos, à Procuradoria Federal dos Direitos do Cidadão do Ministério Público Federal e aos integrantes da equipe de acessibilidade do Departamento de Governo Digital por contribuírem em todo processo para garantir a qualidade da informação prestada neste relatório.</p>
  144 +<p>Os integrantes da equipe de acessibilidade foram:</p>
  145 +<ul class="w3-ul-inside-none">
  146 +<li>Carlos Eduardo Viana de Melo – Analista em Tecnologia da Informação;</li>
  147 +<li>Cesar Gonçalvez do Bomfim – Analista em Tecnologia da Informação;</li>
  148 +<li>Edson Santos Martins Leite – Analista em Tecnologia da Informação;</li>
  149 +<li>Fabricio Jamati de Souza – Analista em Tecnologia da Informação;</li>
  150 +<li>Gibran Coelho de Miranda Sodré – Analista em Tecnologia da Informação;</li>
  151 +<li>Higo Mesquita Gomes – Analista em Tecnologia da Informação.</li>
  152 +</ul>
  153 +
  154 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  155 +
  156 +</section>
  157 +</section>
  158 +
  159 +<section class="w3-container w3-padding-24">
  160 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="introducao"><span class="w3-badge w3-blue-dark">3</span> Introdução</h2></section>
  161 +<section class="w3-container w3-text-indent">
  162 +
  163 +<p>Em todo o mundo os governos vêm se utilizando de canais eletrônicos, em especial a internet, para promover o acesso mais equânime e universal a direitos e também a deveres. Ao passo que há um processo crescente de cobrança da sociedade pelos mesmos níveis de serviços e de atendimento disponibilizados por organizações privadas. Assim, a tolerância social sobre a disponibilidade das informações e serviços em portais, sistemas, sítios e serviços de governo eletrônico é cada vez menor. Não obstante agrava esta problemática a não observância de padrões tecnológicos no desenvolvimento desses ambientes, pois inviabilizam o acesso e usufruto de direitos a certos grupos de pessoas, que lhes são garantidos, tanto em tratados internacionais quantos àqueles internalizados em normas jurídicas próprias do Brasil.</p>
  164 +
  165 +<p>Com o objetivo de melhorar a vida dos cidadãos, o Estado implementa alternativas de inclusão social e digital por meio de ações e desenvolvimento de tecnologias. No caso das políticas de inclusão digital, uma das mais importantes é a melhoria da acessibilidade digital na Administração Pública.</p>
  166 +
  167 +<p>Como estratégia inclusiva, criou-se o <a class="w3-link w3-round-xlarge" href="http://emag.governoeletronico.gov.br/">Modelo de Acessibilidade em Governo Eletrônico - eMAG <img src="imgs/site-ext.gif" alt="Site Externo" /></a>, que consiste em um conjunto de recomendações para que o processo de acessibilidade digital seja conduzido de forma padronizada e de fácil implementação.</p>
  168 +
  169 +<p>Embora as disposições do <a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2004-2006/2004/decreto/d5296.htm">Decreto Nº 5.296, de 2 de dezembro de 2004 <img src="imgs/site-ext.gif" alt="Site Externo." /></a> e da <a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm">Lei Nº 13.146, de 6 de Julho de 2015 <img src="imgs/site-ext.gif" alt="Site Externo" /></a>, tornem obrigatória a implementação da acessibilidade em todas as páginas do governo federal, e a observância do eMAG por meio da <a class="w3-link w3-round-xlarge" href="https://www.governoeletronico.gov.br/documentos-e-arquivos/portaria3_eMAG.pdf">portaria nº 3, de 7 de maio de 2007 <img src="imgs/site-ext.gif" alt="Site Externo" /></a>, apenas 5% dos portais e sítios do governo federal se encontram acessíveis, segundo <a href="http://cetic.br/publicacao/dimensoes-e-caracteristicas-da-web-brasileira/">dados do Censo da Web 2011 do Comitê Gestor da Internet no Brasil <img src="imgs/site-ext.gif" alt="Site Externo"></a>.</p>
  170 +
  171 +<p>Segundo dados do Censo IBGE 2010, cerca de 23,9 % da população Brasileira apresenta algum tipo de deficiência – visual, auditiva, motora, mental ou intelectual. Para que esta parte da população brasileira tenha acesso aos conteúdos e informações oferecidas pelo governo é necessário que as páginas sejam construídas de forma acessível, utilizando, além dos padrões de desenvolvimento web, as diretrizes de acessibilidade.</p>
  172 +
  173 +<p>O presente estudo tem por objetivo apresentar um relatório que consolide informações prestadas pelos órgãos em virtude do atendimento à <a class="w3-link w3-round-xlarge" href="http://pesquisa.in.gov.br/imprensa/jsp/visualiza/index.jsp?data=13/01/2017&jornal=1&pagina=27&totalArquivos=56">Portaria Interministerial nº 1, de 12 de Janeiro de 2017 <img src="imgs/site-ext.gif" alt="Site Externo" /></a> que dispõe sobre procedimentos para a elaboração e a publicação dos relatórios circunstanciados, previstos no <abbr title="Artigo">Art</abbr>. 120 da <a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm">Lei nº 13.146, de 6 de julho de 2015 <img src="imgs/site-ext.gif" alt="Site Externo" /></a>, sobre a situação da acessibilidade em sítios, portais, sistemas e serviços mantidos na internet pelos órgãos do governo pertencentes à Administração Pública Federal e as devidas providências a serem adotadas para melhoria da acessibilidade desses ambientes digitais por meio de planos de trabalho.</p>
  174 +
  175 +<p>A referida portaria padroniza o processo de coleta das informações em formulário específico <a class="w3-link w3-round-xlarge" href="http://fad.governoeletronico.gov.br/fad/">(Formulário Eletrônico de Acessibilidade Digital - FAD) <img src="imgs/site-ext.gif" alt="Site Externo" /></a> e estabelece a produção de um plano de trabalho no sentido de que o órgão se comprometa (dentro do seu planejamento) na melhoria do cenário colhido através do FAD.</p>
  176 +
  177 +<p>Além dos números, o estudo apresenta as Leis, Decretos e outros instrumentos da legislação que apoiam o preenchimento das informações no FAD.</p>
  178 +
  179 +<p>Ao final deste documento serão apresentados os anexos que embasaram a produção de seu conteúdo, que são:</p>
  180 +
  181 +<ul class="w3-ul-inside-none">
  182 +<li><a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-1-relacao-orgaos-informacoes-gerais-preenchimento-fad.ods">Relação dos Órgãos das Informações Gerais Sobre Preenchimento do FAD (.ods, 25kb)</a>;</li>
  183 +<li><a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-2-relacao-orgaos-informacoes-gerais-planos-trabalho.ods">Relação dos Órgãos das Informações Gerais dos Planos de Trabalho (.ods, 27kb)</a>;</li>
  184 +<li><a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-3-relacao-ambientes-paginas-informados-orgaos-FAD.ods">Relação de Ambientes e Páginas informados pelos Órgãos no FAD (.ods, 46kb)</a>;</li>
  185 +<li><a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-4-relacao-respostas-subjetivas-FAD-informadas-orgaos.ods">Relação das respostas subjetivas do FAD informadas pelos Órgãos (.ods, 35kb)</a>.</li>
  186 +</ul>
  187 +
  188 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  189 +
  190 +</section>
  191 +</section>
  192 +
  193 +<section class="w3-container w3-padding-24">
  194 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="legislacao"><span class="w3-badge w3-blue-dark">4</span> Legislação</h2></section>
  195 +<section class="w3-container w3-text-indent">
  196 +
  197 +<p>Diversos normativos constitucionais, legais e infralegais tratam do tema acessibilidade, bem como legislações internacionais, a exemplo da Convenção sobre os Direitos das Pessoas com Deficiência que tem equivalência à emenda constitucional, promulgada e regulamentada pelo <a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2007-2010/2009/decreto/d6949.htm">Decreto nº 6.949, de 25 de agosto de 2009 <img src="imgs/site-ext.gif" alt="Site Externo" /></a>.</p>
  198 +
  199 +<p>A questão da acessibilidade no Brasil é tratada em um arcabouço legal bastante vasto, conforme rol exemplificativo abaixo:</p>
  200 +
  201 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2007-2010/2009/decreto/d6949.htm">DECRETO Nº 6.949, DE 25 DE AGOSTO DE 2009 <img src="imgs/site-ext.gif" alt="Site Externo" /></a></h3>
  202 +
  203 +<p>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.</p>
  204 +
  205 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Texto retirado da Convenção Internacional sobre os Direitos das Pessoas com Deficiência sobre a acessibilidade">
  206 +
  207 +<p>A fim de possibilitar às pessoas com deficiência viverem de forma independente e participarem plenamente de todos os aspectos da vida, os Estados Partes tomarão as medidas apropriadas para assegurar às pessoas com deficiência o acesso, em igualdade de oportunidades com as demais pessoas, ao meio físico, ao transporte, à informação e à comunicação, inclusive aos sistemas e tecnologias da informação e comunicação, bem como a outros serviços e instalações abertos ao público ou de uso público, tanto na zona urbana como na zona rural. (BRASIL, 2008).</p>
  208 +
  209 +</blockquote>
  210 +
  211 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/leis/L10048.htm">LEI Nº 10.048, DE 8 DE NOVEMBRO DE 2000 <img src="imgs/site-ext.gif" alt="Site Externo" /></a></h3>
  212 +
  213 +<p>Dá prioridade de atendimento às pessoas que especifica, e dá outras providências.</p>
  214 +
  215 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Trechos da LEI Nº 10.048, DE 8 DE NOVEMBRO DE 2000 que falam sobre a acessibilidade">
  216 +
  217 +<p><abbr title="Artigo">Art</abbr>. 1º As pessoas com deficiência, os idosos com idade igual ou superior a 60 (sessenta) anos, as gestantes, as lactantes, as pessoas com crianças de colo e os obesos terão atendimento prioritário, nos termos desta Lei. (Redação dada pela <a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm">Lei Nº 13.146, de 6 de Julho de 2015 <img src="imgs/site-ext.gif" alt="Site Externo" /></a> (Vigência)</p>
  218 +
  219 +<p><abbr title="Artigo">Art</abbr>. 2º As repartições públicas e empresas concessionárias de serviços públicos estão obrigadas a dispensar atendimento prioritário, por meio de serviços individualizados que assegurem tratamento diferenciado e atendimento imediato às pessoas a que se refere o <abbr title="Artigo">Art</abbr>. 1º.</p>
  220 +
  221 +<p><abbr title="Artigo">Art</abbr>. 6º A infração ao disposto nesta Lei sujeitará os responsáveis:</p>
  222 +
  223 +<p><span title="Inciso 1">I</span> – no caso de servidor ou de chefia responsável pela repartição pública, às penalidades previstas na legislação específica;</p>
  224 +
  225 +<p>Parágrafo único. As penalidades de que trata este artigo serão elevadas ao dobro, em caso de reincidência.</p>
  226 +</blockquote>
  227 +
  228 +
  229 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/leis/L10098.htm">LEI Nº 10.098, DE 19 DE DEZEMBRO DE 2000 <img src="imgs/site-ext.gif" alt="Site Externo" /></a></h3>
  230 +
  231 +<p>Estabelece normas gerais e critérios básicos para a promoção da acessibilidade das pessoas portadoras de deficiência ou com mobilidade reduzida, e dá outras providências.</p>
  232 +
  233 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Trechos da LEI Nº 10.098, DE 19 DE DEZEMBRO DE 2000 que falam sobre a acessibilidade">
  234 +
  235 +<p>CAPÍTULO VII</p>
  236 +
  237 +<p>DA ACESSIBILIDADE NOS SISTEMAS DE COMUNICAÇÃO E SINALIZAÇÃO</p>
  238 +
  239 +<p><abbr title="Artigo">Art</abbr>. 17. O Poder Público promoverá a eliminação de barreiras na comunicação e estabelecerá mecanismos e alternativas técnicas que tornem acessíveis os sistemas de comunicação e sinalização às pessoas portadoras de deficiência sensorial e com dificuldade de comunicação, para garantir-lhes o direito de acesso à informação, à comunicação, ao trabalho, à educação, ao transporte, à cultura, ao esporte e ao lazer.</p>
  240 +
  241 +<p>CAPÍTULO <abbr title="dez">X</abbr></p>
  242 +
  243 +<p>DISPOSIÇÕES FINAIS</p>
  244 +
  245 +<p><abbr title="Artigo">Art</abbr>. 26. As organizações representativas de pessoas portadoras de deficiência terão legitimidade para acompanhar o cumprimento dos requisitos de acessibilidade estabelecidos nesta Lei.</p>
  246 +
  247 +</blockquote>
  248 +
  249 +
  250 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2004-2006/2004/decreto/d5296.htm">DECRETO Nº 5.296, DE 2 DE DEZEMBRO DE 2004 <img src="imgs/site-ext.gif" alt="Site Externo" /></a></h3>
  251 +
  252 +<p>Regulamenta as Leis nº 10.048, de 8 de novembro de 2000, que dá prioridade de atendimento às pessoas que especifica, e nº 10.098, de 19 de dezembro de 2000, que estabelece normas gerais e critérios básicos para a promoção da acessibilidade das pessoas portadoras de deficiência ou com mobilidade reduzida, e dá outras providências.</p>
  253 +
  254 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Trechos do DECRETO Nº 5.296 DE 2 DE DEZEMBRO DE 2004 que falam sobre a acessibilidade">
  255 +
  256 +<p>CAPÍTULO VI</p>
  257 +
  258 +<p>DO ACESSO À INFORMAÇÃO E À COMUNICAÇÃO</p>
  259 +
  260 +<p><abbr title="Artigo">Art</abbr>. 47. No prazo de até doze meses a contar da data de publicação deste Decreto, será obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na rede mundial de computadores (internet), para o uso das pessoas portadoras de deficiência visual, garantindo-lhes o pleno acesso às informações disponíveis.</p>
  261 +
  262 +<p><abbr title="Paragráfo">§</abbr>. 1º Nos portais e sítios de grande porte, desde que seja demonstrada a inviabilidade técnica de se concluir os procedimentos para alcançar integralmente a acessibilidade, o prazo definido no caput será estendido por igual período.</p>
  263 +
  264 +<p><abbr title="Paragráfo">§</abbr>. 2º Os sítios eletrônicos acessíveis às pessoas portadoras de deficiência conterão símbolo que represente a acessibilidade na rede mundial de computadores (internet), a ser adotado nas respectivas páginas de entrada.</p>
  265 +
  266 +<p><abbr title="Artigo">Art</abbr>. 48. Após doze meses da edição deste Decreto, a acessibilidade nos portais e sítios eletrônicos de interesse público na rede mundial de computadores (internet), deverá ser observada para obtenção do financiamento de que trata o inciso <span title="Inciso 3">III</span> do <abbr title="Artigo">Art</abbr>. 2º.</p>
  267 +
  268 +</blockquote>
  269 +
  270 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://www.governoeletronico.gov.br/documentos-e-arquivos/portaria3_eMAG.pdf">PORTARIA Nº 03 DE 07 DE MAIO DE 2007 (.pdf, 35,4Kb)</a></h3>
  271 +
  272 +<p>Institucionaliza o Modelo de Acessibilidade em Governo Eletrônico – e-MAG no âmbito do Sistema de Administração dos Recursos de Informação e Informática – SISP .</p>
  273 +
  274 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Trechos da PORTARIA Nº 03 DE 07 DE MAIO DE 2007 que falam sobre a acessibilidade">
  275 +
  276 +<p><abbr title="Artigo">Art</abbr>. 1º O planejamento, implantação, desenvolvimento ou atualização de portais e sítios eletrônicos, sistemas, equipamentos e programas em Tecnologia da Informação e Comunicação – TIC no âmbito da Administração Pública Federal direta, autárquica e fundacional reger-se-á por políticas, diretrizes e especificações que visem assegurar de forma progressiva a acessibilidade de serviços e sistemas de Governo Eletrônico.</p>
  277 +
  278 +</blockquote>
  279 +
  280 +
  281 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2011/lei/l12527.htm">LEI Nº 12.527, DE 18 DE NOVEMBRO DE 2011 <img src="imgs/site-ext.gif" alt="Site Externo" /></a></h3>
  282 +
  283 +<p>Regula o acesso a informações previsto no inciso XXXIII do <abbr title="Artigo">Art</abbr>. 5º, no inciso II do <abbr title="Paragráfo">§</abbr>. 3º do <abbr title="Artigo">Art</abbr>. 37 e no <abbr title="Paragráfo">§</abbr>. 2º do <abbr title="Artigo">Art</abbr>. 216 da Constituição Federal; altera a Lei nº 8.112, de 11 de dezembro de 1990; revoga a Lei nº 11.111, de 5 de maio de 2005, e dispositivos da Lei nº 8.159, de 8 de janeiro de 1991; e dá outras providências.</p>
  284 +
  285 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Trechos da LEI Nº 12.527, DE 18 DE NOVEMBRO DE 2011 que falam sobre a acessibilidade">
  286 +
  287 +<p><abbr title="Artigo">Art</abbr>. 8º É dever dos órgãos e entidades públicas promover, independentemente de requerimentos, a divulgação em local de fácil acesso, no âmbito de suas competências, de informações de interesse coletivo ou geral por eles produzidas ou custodiadas.</p>
  288 +
  289 +<p><abbr title="Paragráfo">§</abbr>. 2º Para cumprimento do disposto no caput, os órgãos e entidades públicas deverão utilizar todos os meios e instrumentos legítimos de que dispuserem, sendo obrigatória a divulgação em sítios oficiais da rede mundial de computadores (internet).</p>
  290 +
  291 +<p><abbr title="Paragráfo">§</abbr>. 3º Os sítios de que trata o <abbr title="Paragráfo">§</abbr>. 2º deverão, na forma de regulamento, atender, entre outros, aos seguintes requisitos:</p>
  292 +
  293 +<p>VIII - adotar as medidas necessárias para garantir a acessibilidade de conteúdo para pessoas com deficiência, nos termos do <abbr title="Artigo">Art</abbr>. 17 da Lei Nº 10.098, de 19 de dezembro de 2000, e do <abbr title="Artigo">Art</abbr>. 9º da Convenção sobre os Direitos das Pessoas com Deficiência, aprovada pelo Decreto Legislativo nº 186, de 9 de julho de 2008.</p>
  294 +
  295 +</blockquote>
  296 +
  297 +
  298 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2012/decreto/d7724.htm">DECRETO Nº 7.724, DE 16 DE MAIO DE 2012 <img src="imgs/site-ext.gif" alt="Site Externo" /></a></h3>
  299 +
  300 +<p>Regulamenta a Lei nº 12.527, de 18 de novembro de 2011, que dispõe sobre o acesso a informações previsto no inciso XXXIII do caput do <abbr title="Artigo">Art</abbr>. 5º, no inciso II do <abbr title="Paragráfo">§</abbr>. 3º do <abbr title="Artigo">Art</abbr>. 37 e no <abbr title="Paragráfo">§</abbr>. 2º do <abbr title="Artigo">Art</abbr>. 216 da Constituição.</p>
  301 +
  302 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Trechos da DECRETO Nº 7.724, DE 16 DE MAIO DE 2012 que falam sobre a acessibilidade">
  303 +
  304 +<p><abbr title="Artigo">Art</abbr>. 8º Os sítios na Internet dos órgãos e entidades deverão, em cumprimento às normas estabelecidas pelo Ministério do Planejamento, Orçamento e Gestão, atender aos seguintes requisitos, entre outros:</p>
  305 +
  306 +<p>VIII - garantir a acessibilidade de conteúdo para pessoas com deficiência.</p>
  307 +
  308 +</blockquote>
  309 +
  310 +
  311 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm">LEI Nº 13.146, DE 6 DE JULHO DE 2015 <img src="imgs/site-ext.gif" alt="Site Externo" /></a></h3>
  312 +
  313 +<p>Institui a Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência).</p>
  314 +
  315 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Trechos da LEI Nº 13.146, DE 6 DE JULHO DE 2015 que falam sobre a acessibilidade">
  316 +
  317 +<p><abbr title="Artigo">Art</abbr>. 63. É obrigatória a acessibilidade nos sítios da internet mantidos por empresas com sede ou representação comercial no País ou por órgãos de governo, para uso da pessoa com deficiência, garantindo-lhe acesso às informações disponíveis, conforme as melhores práticas e diretrizes de acessibilidade adotadas internacionalmente.</p>
  318 +
  319 +<p><abbr title="Artigo">Art</abbr>. 93. Na realização de inspeções e de auditorias pelos órgãos de controle interno e externo, deve ser observado o cumprimento da legislação relativa à pessoa com deficiência e das normas de acessibilidade vigentes.</p>
  320 +
  321 +<p><abbr title="Artigo">Art</abbr>. 103. O <abbr title="Artigo">Art</abbr>. 11 da <a class="w3-link w3-round-xlarge" href="http://www.planalto.gov.br/ccivil_03/leis/L8429.htm">Lei no 8.429, de 2 de junho de 1992 <img src="imgs/site-ext.gif" alt="Site Externo" /></a>, passa a vigorar acrescido do seguinte inciso IX:</p>
  322 +
  323 +<p>“<abbr title="Artigo">Art</abbr>. 11. ..............................................................................................................................................................…</p>
  324 +
  325 +<p>IX - deixar de cumprir a exigência de requisitos de acessibilidade previstos na legislação.” (NR)</p>
  326 +
  327 +<p><abbr title="Artigo">Art</abbr>. 120. Cabe aos órgãos competentes, em cada esfera de governo, a elaboração de relatórios circunstanciados sobre o cumprimento dos prazos estabelecidos por força das Leis no 10.048, de 8 de novembro de 2000, e no 10.098, de 19 de dezembro de 2000, bem como o seu encaminhamento ao Ministério Público e aos órgãos de regulação para adoção das providências cabíveis.</p>
  328 +
  329 +<p>Parágrafo único. Os relatórios a que se refere o caput deste artigo deverão ser apresentados no prazo de 1 (um) ano a contar da entrada em vigor desta Lei.</p>
  330 +
  331 +</blockquote>
  332 +
  333 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" title="documento em formato fechado" href="http://www.tcu.gov.br/Consultas/Juris/Docs/judoc/Acord/20160304/AC_0505_04_16_P.doc">ACÓRDÃO Nº 505 DO TRIBUNAL DE CONTAS DA UNIÃO, DE 2 DE MARÇO DE 2016 (.doc, 115kb)</a></h3>
  334 +
  335 +<p>9.4. determinar à Secretaria de Fiscalização de Tecnologia da Informação (SEFTI), em observância ao disposto no <abbr title="Artigo">Art</abbr>. 93 da Lei nº 13.146/2015, que inclua, em seus programas de fiscalização, a verificação da adoção, por parte de órgãos e entidades da administração pública federal, de tecnologias assistivas que possuam como objetivo a promoção da acessibilidade em sistemas, portais e outras ferramentas tecnológicas por eles disponibilizadas, com vistas a favorecer o acesso de pessoas com deficiência visual, auditiva, cognitiva e motora a esses recursos de tecnologia da informação.</p>
  336 +
  337 +<h3 class="w3-padding-top-32"><a class="w3-link w3-round-xlarge" href="http://pesquisa.in.gov.br/imprensa/jsp/visualiza/index.jsp?data=13/01/2017&jornal=1&pagina=27&totalArquivos=56">PORTARIA INTERMINISTERIAL Nº 1, DE 12 DE JANEIRO DE 2017 <img src="imgs/site-ext.gif" alt="Site Externo" /></a></h3>
  338 +
  339 +<p>Dispõe sobre procedimentos para a elaboração e a publicação dos relatórios circunstanciados, previstos no <abbr title="Artigo">Art</abbr>. 120 da Lei nº 13.146, de 6 de julho de 2015, sobre a situação de acessibilidade em sítios, portais, sistemas e serviços mantidos na internet pelos órgãos do governo pertencentes à Administração Pública Federal e as devidas providências a serem adotadas para melhoria da acessibilidade desses ambientes digitais.</p>
  340 +
  341 +<blockquote class="w3-container w3-leftbar w3-pale-blue w3-border-blue-dark" title="Trechos da PORTARIA INTERMINISTERIAL Nº 1, DE 12 DE JANEIRO DE 2017 que falam sobre a acessibilidade">
  342 +
  343 +<p><abbr title="Artigo">Art</abbr>. 3º – Os órgãos e entidades da administração pública federal direta e indireta são responsáveis pela elaboração do relatório circunstanciado exigido pelo <abbr title="Artigo">Art</abbr>. 120 da Lei nº 13.146, de 6 de julho de 2015, a ser emitido conforme determina o <abbr title="Artigo">Art</abbr>. 5º desta Portaria, quanto à acessibilidade dos ambientes digitais.</p>
  344 +
  345 +<p><abbr title="Artigo">Art</abbr>. 5º – O relatório circunstanciado, ao qual se refere o <abbr title="Artigo">Art</abbr>. 3º, deverá ser emitido pelo dirigente máximo do órgão ou entidade a respeito de todos os ambientes digitais sob sua administração e conterá, necessariamente, ainda que sob a forma de anexos:</p>
  346 +
  347 +<p>I – formulário eletrônico de acessibilidade digital; e </p>
  348 +
  349 +<p>II – plano de trabalho para a promoção da acessibilidade, assinado pelo responsável por cada ambiente digital que não esteja em conformidade com as diretrizes de acessibilidade.</p>
  350 +
  351 +<p>Parágrafo único. Enquanto persistirem não conformidades em um ambiente digital, o órgão ou entidade por ele responsável elaborará e publicará, anualmente, um relatório circunstanciado contendo as ações de promoção da acessibilidade executadas, o monitoramento das metas progressivas e eventuais atualizações do plano de trabalho.</p>
  352 +
  353 +</blockquote>
  354 +
  355 +<p>Como se pode notar, a preocupação com a acessibilidade está solidamente amparada em nosso ordenamento jurídico. Não faltam aos gestores públicos: normas, orientações e parâmetros que possam auxiliá-los no balizamento das ações necessárias na oferta de serviços digitais acessíveis a toda a população, principalmente às pessoas com deficiência.</p>
  356 +
  357 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  358 +
  359 +</section>
  360 +
  361 +</section>
  362 +
  363 +<section class="w3-container w3-padding-24">
  364 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="relatoriocircunstanciadodeacessibilidadedigital"><span class="w3-badge w3-blue-dark">05</span> Relatório Circunstanciado de Acessibilidade Digital</h2></section>
  365 +<section class="w3-container w3-text-indent">
  366 +
  367 +<p>A Lei nº 13.146, de 6 de Julho de 2015, em seu artigo 120, determina que os órgãos deverão elaborar relatórios circunstanciados para o cumprimento dos prazos estabelecidos na Lei nº 10.048, de 8 de Novembro de 2000 e na Lei nº 10.098, de 19 de Dezembro de 2000, bem como encaminhá-los ao Ministério Público e aos órgãos de regulação para adoção das providências cabíveis. Complementando: o Decreto nº 5.296, de 2 de Dezembro de 2004, que regula as leis nº 10.048 e 10.098, estabelece em seu artigo 47, que, no prazo de até 12 meses, a contar da data de sua publicação, será obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na internet, para o uso das pessoas com deficiência.</p>
  368 +
  369 +<p>Para regulamentar o artigo 120 da Lei nº 13.146, o Ministério da Justiça e Cidadania e o Ministério do Planejamento trabalharam em conjunto para publicar uma Portaria Interministerial que estabelecesse os procedimentos para elaboração do Relatório Circunstanciado sobre a acessibilidade digital. O referido relatório seria composto pelo Formulário Eletrônico de Acessibilidade Digital - FAD e pelo plano de trabalho no qual o órgão se comprometia, conforme seu planejamento, a melhorar o cenário de acessibilidade digital colhido no FAD.</p>
  370 +
  371 +<p>Dessa forma, a Secretaria de Tecnologia de Informação e Comunicação (SETIC) do Ministério do Planejamento, Desenvolvimento e Gestão (MP) disponibilizou o <a class="w3-link w3-round-xlarge" href="http://fad.governoeletronico.gov.br">FAD <img src="imgs/site-ext.gif" alt="Site Externo" /></a>. Essa ferramenta padronizou o fornecimento de informações para a elaboração dos relatórios circunstanciados de acessibilidade relacionados aos sítios, portais, sistemas e serviços mantidos na internet pelos órgãos de governo pertencentes à Administração Pública Federal.</p>
  372 +
  373 +<p>A figura abaixo demonstra o fluxo para o envio do relatório circunstanciado de acessibilidade digital à <a class="w3-link w3-round-xlarge" href="http://pfdc.pgr.mpf.mp.br/">Procuradoria Federal dos Direitos dos Cidadãos do Ministério Público Federal - PFDC/MPF <img src="imgs/site-ext.gif" alt="Site Externo" /></a> pelos órgãos.</p>
  374 +
  375 +<section class="w3-container">
  376 +<img class="w3-image-rez w3-padding-bottom" src="imgs/fluxo-inicial-fad.jpg" alt="representação dos fluxos presentes para entrega do relatório circunstanciado: solicitar acesso; FAD respondido; FAD impresso, assinado, digitalizado e anexado; Plano de trabalho anexado; Relatório Circunstanciado enviado à MPF; Processo Concluído"/>
  377 +</section>
  378 +
  379 +<h3 class="w3-padding-top-32">Formulário Eletrônico de Acessibilidade Digital</h3>
  380 +
  381 +<p>O conteúdo do FAD está distribuído em um questionário com 19 perguntas sobre a aplicação da acessibilidade digital e abrange questões subjetivas e objetivas com as seguintes abordagens: conhecimento da legislação; capacitação de pessoal; cenário atual do órgão; ferramentas e tecnologias utilizadas para implementação da acessibilidade digital.</p>
  382 +
  383 +<p>O FAD divide-se em duas partes:</p>
  384 +
  385 +<ul class="w3-ul-inside-none">
  386 +<li>1. Ambientes Digitais;</li>
  387 +<li>2. Perguntas sobre o tema acessibilidade.</li>
  388 +</ul>
  389 +
  390 +<p>Define-se ambientes digitais: “sítios, portais, sistemas e serviços eletrônicos disponibilizados na internet”, presente na Portaria Interministerial nº 1, de 12 de Janeiro de 2017. Nesta seção os órgãos poderiam informar até cinco ambientes digitais e para cada ambiente indicar cinco páginas, sendo obrigatório a indicação de no mínimo um ambiente, preferencialmente o seu ambiente institucional.</p>
  391 +
  392 +<p>Nas perguntas sobre o tema acessibilidade, buscou-se identificar se os órgãos têm conhecimento da legislação; se realizam avaliações em seus ambientes digitais; quais ferramentas são utilizadas e; se são feitas capacitações de pessoal. Todos pontos relacionados ao tema acessibilidade digital.</p>
  393 +
  394 +<h3 class="w3-padding-top-32">Plano de Trabalho</h3>
  395 +
  396 +<p>Ao responder o FAD, o órgão tem uma dimensão da situação da acessibilidade digital em sua instituição, cabendo-lhe a produção de um documento que estabeleça metas para mudar e aperfeiçoar a situação da acessibilidade digital no órgão. Esse documento seria o Plano de Trabalho.</p>
  397 +
  398 +<p>Não houve a disponibilização de um documento padrão para a elaboração do plano de trabalho, cabendo a cada órgão estruturar o seu documento da melhor maneira. Esse deveria informar no mínimo as ações e os prazos dentro do seu planejamento para conduzir a melhoria no cenário da acessibilidade digital no órgão.</p>
  399 +
  400 +<h3 class="w3-padding-top-32">Prazo de preenchimento e envio das informações do Relatório Circunstanciado</h3>
  401 +
  402 +<p>O Parágrafo único do <abbr title="Artigo">Art</abbr>. 120 da Lei nº 13.146 determina que os relatórios circunstanciados deveriam ser apresentados no prazo de 1 (um) ano a contar da entrada em vigor da Lei. Calculou-se a data de 2 de janeiro de 2017 para o envio dos relatórios ao Ministério Público.</p>
  403 +
  404 +<p>Diante do exposto, em julho de 2016, a SETIC realizou reunião com Ministério Público para discutir qual seria o conteúdo, e como seria o envio e recebimento dos relatórios. Nessa reunião, apresentou-se o conteúdo do FAD, bem como, a produção da Portaria para regulamentação do processo e envio das informações.</p>
  405 +
  406 +<p>Definiu-se o início do preenchimento das informações a partir do dia 21 de novembro de 2016, com término para o dia 2 de janeiro de 2017.</p>
  407 +
  408 +<p>Para informar aos órgãos do Sistema de Administração de Recursos de Tecnologia da Informação -SISP, a SETIC produziu um informativo em forma de ofício circular sobre o acesso ao sistema e sobre preenchimento do FAD, bem como informou a data de início e fim na qual o sistema estaria disponível para preenchimento das informações e o encaminhou aos respectivos Coordenadores de Tecnologia da Informação. O referido informativo também fora disseminado por e-mail institucional aos mesmos destinatários dos ofícios.</p>
  409 +
  410 +<p>Após a finalização do prazo, a SETIC decidiu manter o sistema disponível para preenchimento por aqueles órgãos que porventura tenham perdido o prazo para fazê-lo, no entanto, deveriam justificar no plano de trabalho o não cumprimento do prazo.</p>
  411 +
  412 +<h3 class="w3-padding-top-32">Escopo dos resultados do Relatório Final do FAD</h3>
  413 +
  414 +<p>​ Apesar de o sistema estar aberto para todos os órgãos, o escopo deste relatório abrange somente os 227 órgãos pertencentes ao SISP, conforme o arquivo <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-1-relacao-orgaos-informacoes-gerais-preenchimento-fad.ods">Relação dos Órgãos das Informações Gerais Sobre Preenchimento do FAD (.ods, 25kb)</a>. As informações estão divididas em duas partes: informações gerais sobre o preenchimento do FAD e informações sobre os planos de trabalho.</p>
  415 +
  416 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  417 +
  418 +</section>
  419 +
  420 +</section>
  421 +
  422 +<section class="w3-container w3-padding-24">
  423 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="informacoesgeraisobreoreebchimentodofad"><span class="w3-badge w3-blue-dark">6</span> Informações Gerais Sobre o Preenchimento do FAD</h2></section>
  424 +<section class="w3-container w3-text-indent">
  425 +
  426 +<p>As informações desta seção tem por objetivo mostrar o cumprimento das etapas relativas ao FAD desde a solicitação de acesso ao sistema até o seu envio ao Ministério Público, além de apresentar o quantitativo das respostas ao FAD. Essas estão representadas na figura abaixo, excetuando a etapa “Plano de Trabalho Anexado” e considerando para as figuras tracejadas das etapas “Relatório Circunstanciado enviado à PFCD/MPF” e “Processo Concluído” somente as ações relativas ao FAD.</p>
  427 +
  428 +<section class="w3-container">
  429 +<img class="w3-image-rez w3-padding-bottom" src="imgs/fluxo-destacado-envio-relatorio-circunstanciado.jpg" alt="representação dos fluxos da entrega do relatório circunstanciado que tenham o destaque os números referente às questões presentes no FAD: solicitar acesso; FAD respondido; FAD impresso, assinado, digitalizado e anexado; Plano de trabalho anexado (deverá ser desconsiderado); Relatório Circunstanciado enviado à MPF (considerar parte referente apenas ao FAD); Processo Concluído (considerar parte referente apenas ao FAD)"/>
  430 +</section>
  431 +
  432 +<h3 class="w3-padding-top-32">Quantitativo por Cumprimento das Etapas do FAD</h3>
  433 +
  434 +<p>As relações dos números das tabelas abaixo podem ser verificados no arquivo <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-1-relacao-orgaos-informacoes-gerais-preenchimento-fad.ods">Relação dos Órgãos das Informações Gerais Sobre Preenchimento do FAD (.ods, 25kb)</a>.</p>
  435 +
  436 +<p>Começa-se demonstrando os órgãos que fizeram e os que não fizeram a solicitação de preenchimento do FAD:</p>
  437 +
  438 +<section class="w3-container">
  439 +<table class="w3-table w3-border">
  440 +<caption id="tabela1">Tabela 1 - Cumprimento da etapa Solicitação do FAD</caption>
  441 +<thead class="w3-blue-dark">
  442 +<tr>
  443 +<th>Solicitados</th>
  444 +<th>Não Solicitados</th>
  445 +</tr>
  446 +</thead>
  447 +<tbody>
  448 +<tr>
  449 +<td>173</td>
  450 +<td>54</td>
  451 +</tr>
  452 +</tbody>
  453 +</table>
  454 +</section>
  455 +
  456 +<p>Dentro dos órgãos que fizeram a solicitação, demonstramos os órgãos que responderam e não responderam o FAD:</p>
  457 +
  458 +<section class="w3-container">
  459 +<table class="w3-table w3-border">
  460 +<caption id="tabela2">Tabela 2 - Cumprimento da etapa Respondido do FAD</caption>
  461 +<thead class="w3-blue-dark">
  462 +<tr>
  463 +<th>Respondidos</th>
  464 +<th>Não Respondidos</th>
  465 +</tr>
  466 +</thead>
  467 +<tbody>
  468 +<tr>
  469 +<td>158</td>
  470 +<td>15</td>
  471 +</tr>
  472 +</tbody>
  473 +</table>
  474 +</section>
  475 +
  476 +<p>Continuando nos órgãos que responderam o FAD, apresentamos os que anexaram e não anexaram o documento assinado do FAD:</p>
  477 +
  478 +<section class="w3-container">
  479 +<table class="w3-table w3-border">
  480 +<caption id="tabela3">Tabela 3 - Cumprimento da etapa Anexados do FAD</caption>
  481 +<thead class="w3-blue-dark">
  482 +<tr>
  483 +<th>Anexados</th>
  484 +<th>Não Anexados</th>
  485 +</tr>
  486 +</thead>
  487 +<tbody>
  488 +<tr>
  489 +<td>133</td>
  490 +<td>25</td>
  491 +</tr>
  492 +</tbody>
  493 +</table>
  494 +</section>
  495 +
  496 +<p>Adentrando nos órgãos que anexaram o documento assinado do FAD, apresentamos os que enviaram e não enviaram o FAD à Procuradoria Federal dos Direitos dos Cidadãos do Ministério Público Federal:</p>
  497 +
  498 +<section class="w3-container">
  499 +<table class="w3-table w3-border">
  500 +<caption id="tabela4">Tabela 4 - Cumprimento da etapa Enviados do FAD</caption>
  501 +<thead class="w3-blue-dark">
  502 +<tr>
  503 +<th>Enviados</th>
  504 +<th>Não Enviados</th>
  505 +</tr>
  506 +</thead>
  507 +<tbody>
  508 +<tr>
  509 +<td>122</td>
  510 +<td>11</td>
  511 +</tr>
  512 +</tbody>
  513 +</table>
  514 +</section>
  515 +
  516 +<p>Dentro dos órgãos que enviaram o FAD à Procuradoria Federal dos Direitos dos Cidadãos do Ministério Público Federal, apresentamos os que respeitaram e não respeitaram o prazo da Lei Brasileira de Inclusão, 2 de Janeiro de 2017, de envio do FAD à Procuradoria Federal dos Direitos dos Cidadãos do Ministério Público Federal:</p>
  517 +
  518 +<section class="w3-container">
  519 +<table class="w3-table w3-border">
  520 +<caption id="tabela5">Tabela 5 - Cumprimento da etapa Respeitaram Prazo de Envio do FAD</caption>
  521 +<thead class="w3-blue-dark">
  522 +<tr>
  523 +<th>Respeitaram Prazo</th>
  524 +<th>Não Respeitaram Prazo</th>
  525 +</tr>
  526 +</thead>
  527 +<tbody>
  528 +<tr>
  529 +<td>75</td>
  530 +<td>47</td>
  531 +</tr>
  532 +</tbody>
  533 +</table>
  534 +</section>
  535 +
  536 +<p>Continuando nos órgãos que não respeitaram o prazo, apresentamos os que justificaram e não justificaram os motivos do não cumprimento da entrega do FAD à Procuradoria Federal dos Direitos dos Cidadãos do Ministério Público Federal:</p>
  537 +
  538 +<section class="w3-container">
  539 +<table class="w3-table w3-border">
  540 +<caption id="tabela6">Tabela 6 - Cumprimento da etapa Justificação do Motivo de Não Respeito do Prazo de Envio do FAD</caption>
  541 +<thead class="w3-blue-dark">
  542 +<tr>
  543 +<th>Não Justificaram Prazo</th>
  544 +<th>Justificaram Prazo</th>
  545 +</tr>
  546 +</thead>
  547 +<tbody>
  548 +<tr>
  549 +<td>36</td>
  550 +<td>11</td>
  551 +</tr>
  552 +</tbody>
  553 +</table>
  554 +</section>
  555 +
  556 +<p>Conforme as tabelas acima, observa-se que dos 227 Órgãos do SISP, 54 não solicitaram acesso ao sistema. Dos 173 que solicitaram o acesso: 15 deixaram de responder o FAD; 25 deixaram de anexar o FAD assinado e 11 deixaram de enviar o FAD à Procuradoria Federal dos Direitos dos Cidadãos do Ministério Público Federal.</p>
  557 +
  558 +<p>Dessa forma, passa-se a focar na análise dos órgãos que cumpriram todas etapas do FAD, incluído esta: enviar os formulários ao Ministério Público. Portanto, as consolidações das informações seguintes referem-se aos <strong>122 Órgãos, 173 Ambientes Digitais e 792 páginas</strong>.</p>
  559 +
  560 +<h3 class="w3-padding-top-32">Contabilização das respostas para as perguntas objetivas do FAD</h3>
  561 +
  562 +<p>Conforme o cenário apresentado acima, a próxima etapa é demonstrar a contabilização das respostas às perguntas objetivas do questionário do FAD.</p>
  563 +
  564 +<p>A contabilização segue a ordem natural do formulário e admite, conforme natureza das perguntas, contagem simples para perguntas com respostas exclusivas e contagem múltiplas para perguntas que admitem multiplicidade de opções para a completude das respostas.</p>
  565 +
  566 +<p>Seguem as consolidações, com o quantitativo de respostas:</p>
  567 +
  568 +<p><strong>​1 - O Órgão tem conhecimento da legislação que envolve o tema "acessibilidade" bem como suas implicações?</strong></p>
  569 +
  570 +<section class="w3-responsive">
  571 +<table class="w3-table w3-striped w3-border">
  572 +<caption id="tabela7">Tabela 7 - Quantitativo da Pergunta 1 do FAD</caption>
  573 +<thead class="w3-blue-dark">
  574 +<tr>
  575 +<th>Opções</th>
  576 +<th>Quantidade</th>
  577 +</tr>
  578 +</thead>
  579 +<tbody>
  580 +<tr>
  581 +<td>Sim</td>
  582 +<td>104</td>
  583 +</tr>
  584 +<tr>
  585 +<td>Já Ouvi Falar</td>
  586 +<td>15</td>
  587 +</tr>
  588 +<tr>
  589 +<td>Não</td>
  590 +<td>3</td>
  591 +</tr>
  592 +</tbody>
  593 +</table>
  594 +</section>
  595 +
  596 +<p><strong>​ 2 - O Órgão já recebeu, formal ou informalmente, reclamações sobre acessibilidade em seus ambientes digitais?</strong></p>
  597 +
  598 +<section class="w3-responsive">
  599 +<table class="w3-table w3-striped w3-border">
  600 +<caption id="tabela8">Tabela 8 - Quantitativo da Pergunta 2 do FAD</caption>
  601 +<thead class="w3-blue-dark">
  602 +<tr>
  603 +<th>Opções</th>
  604 +<th>Quantidade</th>
  605 +</tr>
  606 +</thead>
  607 +<tbody>
  608 +<tr>
  609 +<td>Não</td>
  610 +<td>94</td>
  611 +</tr>
  612 +<tr>
  613 +<td>Sim</td>
  614 +<td>28</td>
  615 +</tr>
  616 +</tbody>
  617 +</table>
  618 +</section>
  619 +
  620 +<p><strong>3 - Com relação à pergunta anterior, caso tenha respondido 'Sim', mencione abaixo quando e por quem houve a reclamação e qual foi a reclamação: <em>Obs.: respostas subjetivas tiveram por base o arquivo:</em> <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-4-relacao-respostas-subjetivas-FAD-informadas-orgaos.ods">Relação das respostas subjetivas do FAD informadas pelos Órgãos (.ods, 35kb)</a>.</strong></p>
  621 +
  622 +<section class="w3-responsive">
  623 +<table class="w3-table w3-striped w3-border">
  624 +<caption id="tabela9">Tabela 9 - Quantitativo da Pergunta 3 do FAD</caption>
  625 +<thead class="w3-blue-dark">
  626 +<tr>
  627 +<th>Opções</th>
  628 +<th>Quantidade</th>
  629 +</tr>
  630 +</thead>
  631 +<tbody>
  632 +<tr>
  633 +<td>Cidadão</td>
  634 +<td>12</td>
  635 +</tr>
  636 +<tr>
  637 +<td>Servidor</td>
  638 +<td>11</td>
  639 +</tr>
  640 +<tr>
  641 +<td>Órgão</td>
  642 +<td>4</td>
  643 +</tr>
  644 +<tr>
  645 +<td>Não identificado</td>
  646 +<td>1</td>
  647 +</tr>
  648 +</tbody>
  649 +</table>
  650 +</section>
  651 +
  652 +<p><strong>​ 4 - O Órgão tem estimulado seus servidores e parceiros a realizarem capacitações sobre acessibilidade em ambientes digitais?</strong></p>
  653 +
  654 +<section class="w3-responsive">
  655 +<table class="w3-table w3-striped w3-border">
  656 +<caption id="tabela10">Tabela 10 - Quantitativo da Pergunta 4 do FAD</caption>
  657 +<thead class="w3-blue-dark">
  658 +<tr>
  659 +<th>Opções</th>
  660 +<th>Quantidade</th>
  661 +</tr>
  662 +</thead>
  663 +<tbody>
  664 +<tr>
  665 +<td>Não, por não conhecer oferta de curso sobre o tema</td>
  666 +<td>57</td>
  667 +</tr>
  668 +<tr>
  669 +<td>Sim</td>
  670 +<td>47</td>
  671 +</tr>
  672 +<tr>
  673 +<td>Não, por não priorizar o tema</td>
  674 +<td>18</td>
  675 +</tr>
  676 +</tbody>
  677 +</table>
  678 +</section>
  679 +
  680 +<p><strong>​​ 5 - Com relação à pergunta anterior, caso tenha respondido ‘Sim’, mencione abaixo os tipos de cursos estimulados pelo Órgão: <em>Obs.: pergunta permitiu mais de uma resposta</em>.</strong></p>
  681 +
  682 +<section class="w3-responsive">
  683 +<table class="w3-table w3-striped w3-border">
  684 +<caption id="tabela11">Tabela 11 - Quantitativo da Pergunta 5 do FAD</caption>
  685 +<thead class="w3-blue-dark">
  686 +<tr>
  687 +<th>Opções</th>
  688 +<th>Quantidade</th>
  689 +</tr>
  690 +</thead>
  691 +<tbody>
  692 +<tr>
  693 +<td>EAD através da Escola Nacional de Administração Pública (ENAP)</td>
  694 +<td>37</td>
  695 +</tr>
  696 +<tr>
  697 +<td>Escola(s) de ensino à distância (EAD)</td>
  698 +<td>18</td>
  699 +</tr>
  700 +<tr>
  701 +<td>Ensino presencial através da ENAP</td>
  702 +<td>7</td>
  703 +</tr>
  704 +<tr>
  705 +<td>Escola(s) de ensino presencial</td>
  706 +<td>6</td>
  707 +</tr>
  708 +</tbody>
  709 +</table>
  710 +</section>
  711 +
  712 +<p><strong>​​​ 6 - O Órgão observa em seu processo de desenvolvimento de sítios, portais e serviços eletrônicos os requisitos de acessibilidade?</strong></p>
  713 +
  714 +<section class="w3-responsive">
  715 +<table class="w3-table w3-striped w3-border">
  716 +<caption id="tabela12">Tabela 12 - Quantitativo da Pergunta 6 do FAD</caption>
  717 +<thead class="w3-blue-dark">
  718 +<tr>
  719 +<th>Opções</th>
  720 +<th>Quantidade</th>
  721 +</tr>
  722 +</thead>
  723 +<tbody>
  724 +<tr>
  725 +<td>Sim, observamos o "Modelo de Acessibilidade em Governo Eletrônico (eMAG)</td>
  726 +<td>90</td>
  727 +</tr>
  728 +<tr>
  729 +<td>Não</td>
  730 +<td>25</td>
  731 +</tr>
  732 +<tr>
  733 +<td>Sim, observamos o <em><span lang="en">"Web Content Accessibility Guidelines (WCAG)</span></em>"</td>
  734 +<td>5</td>
  735 +</tr>
  736 +<tr>
  737 +<td>Sim, observamos os requisitos de outros modelos</td>
  738 +<td>2</td>
  739 +</tr>
  740 +</tbody>
  741 +</table>
  742 +</section>
  743 +
  744 +<p><strong>​ 7 - Com relação à pergunta anterior, caso tenha respondido 'Sim, observamos os requisitos de outros modelos que não os especificados acima', então mencione abaixo estes modelos: <em>Obs.: resposta subjetiva teve por base o arquivo:</em> <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-4-relacao-respostas-subjetivas-FAD-informadas-orgaos.ods">Relação das respostas subjetivas do FAD informadas pelos Órgãos (.ods, 35kb)</a>.</strong></p>
  745 +
  746 +<section class="w3-responsive">
  747 +<table class="w3-table w3-striped w3-border">
  748 +<caption id="tabela13">Tabela 13 - Quantitativo da Pergunta 7 do FAD</caption>
  749 +<thead class="w3-blue-dark">
  750 +<tr>
  751 +<th>Opções</th>
  752 +<th>Quantidade</th>
  753 +</tr>
  754 +</thead>
  755 +<tbody>
  756 +<tr>
  757 +<td>Modelo básico definido internamente</td>
  758 +<td>1</td>
  759 +</tr>
  760 +<tr>
  761 +<td>Da Silva</td>
  762 +<td>1</td>
  763 +</tr>
  764 +</tbody>
  765 +</table>
  766 +</section>
  767 +
  768 +<p><strong>​​ 8 - Nas contratações de fábrica de software e/ou parcerias firmadas para o desenvolvimento de ambientes digitais, há citação explícita sobre os requisitos de acessibilidade assim como as sanções para o seu não atendimento?</strong></p>
  769 +
  770 +<section class="w3-responsive">
  771 +<table class="w3-table w3-striped w3-border">
  772 +<caption id="tabela14">Tabela 14 - Quantitativo da Pergunta 8 do FAD</caption>
  773 +<thead class="w3-blue-dark">
  774 +<tr>
  775 +<th>Opções</th>
  776 +<th>Quantidade</th>
  777 +</tr>
  778 +</thead>
  779 +<tbody>
  780 +<tr>
  781 +<td>Não</td>
  782 +<td>61</td>
  783 +</tr>
  784 +<tr>
  785 +<td>Sim, conforme especifica o estudo técnico preliminar da contratação da Instrução Normativa N° 04, de 11 de Setembro de 2014.</td>
  786 +<td>50</td>
  787 +</tr>
  788 +<tr>
  789 +<td>Sim, conforme sugere a "Cartilha de Boas Práticas para Acessibilidade Digital" na contratação de desenvolvimento WEB</td>
  790 +<td>11</td>
  791 +</tr>
  792 +</tbody>
  793 +</table>
  794 +</section>
  795 +
  796 +<p><strong>​ 9 - O Órgão realiza validações de acessibilidade em seus ambientes digitais?</strong></p>
  797 +
  798 +<section class="w3-responsive">
  799 +<table class="w3-table w3-striped w3-border">
  800 +<caption id="tabela15">Tabela 15 - Quantitativo da Pergunta 9 do FAD</caption>
  801 +<thead class="w3-blue-dark">
  802 +<tr>
  803 +<th>Opções</th>
  804 +<th>Quantidade</th>
  805 +</tr>
  806 +</thead>
  807 +<tbody>
  808 +<tr>
  809 +<td>Não</td>
  810 +<td>72</td>
  811 +</tr>
  812 +<tr>
  813 +<td>Sim</td>
  814 +<td>50</td>
  815 +</tr>
  816 +</tbody>
  817 +</table>
  818 +</section>
  819 +
  820 +<p><strong>​​ 10 - Com relação à pergunta anterior, no caso de ‘Sim’, mencione abaixo as validações realizadas: <em>Obs.: pergunta permitiu mais de uma resposta.</em></strong></p>
  821 +
  822 +<section class="w3-responsive">
  823 +<table class="w3-table w3-striped w3-border">
  824 +<caption id="tabela16">Tabela 16 - Quantitativo da Pergunta 10 do FAD</caption>
  825 +<thead class="w3-blue-dark">
  826 +<tr>
  827 +<th>Opções</th>
  828 +<th>Quantidade</th>
  829 +</tr>
  830 +</thead>
  831 +<tbody>
  832 +<tr>
  833 +<td>Verificações humanas para homologações das entregas do desenvolvimento</td>
  834 +<td>35</td>
  835 +</tr>
  836 +<tr>
  837 +<td>Validações por ferramentas automáticas para homologações das entregas do desenvolvimento</td>
  838 +<td>26</td>
  839 +</tr>
  840 +<tr>
  841 +<td>Verificações humanas constantemente desde a entrega dos códigos</td>
  842 +<td>7</td>
  843 +</tr>
  844 +<tr>
  845 +<td>Validações automáticas constantemente desde a entrega dos códigos</td>
  846 +<td>2</td>
  847 +</tr>
  848 +</tbody>
  849 +</table>
  850 +</section>
  851 +
  852 +<p><strong>​​​ 11 - Quais ferramentas são utilizadas no processo de validação de acessibilidade em seus ambientes digitais? <em>Obs.: pergunta permitiu mais de uma resposta.</em></strong></p>
  853 +
  854 +<section class="w3-responsive">
  855 +<table class="w3-table w3-striped w3-border">
  856 +<caption id="tabela17">Tabela 17 - Quantitativo da Pergunta 11 do FAD</caption>
  857 +<thead class="w3-blue-dark">
  858 +<tr>
  859 +<th>Opções</th>
  860 +<th>Quantidade</th>
  861 +</tr>
  862 +</thead>
  863 +<tbody>
  864 +<tr>
  865 +<td>Nenhuma</td>
  866 +<td>73</td>
  867 +</tr>
  868 +<tr>
  869 +<td>Avaliador e Simulador de Acessibilidade em Sítios (ASES) Web (<em><span lang="en">WAI</span></em> e eMAG)</td>
  870 +<td>25</td>
  871 +</tr>
  872 +<tr>
  873 +<td>Da Silva (<em><span lang="en">WAI</span></em> e eMAG)</td>
  874 +<td>13</td>
  875 +</tr>
  876 +<tr>
  877 +<td><em><span lang="en">Checklist</span></em> de Avaliação Manual <a class="w3-link w3-round-xlarge" href="http://www.governoeletronico.gov.br/documentos-e-arquivos/eMAG-Checklist-acessibilidade-desenvolvedores.pdf">(<em><span lang="en">Checklist</span></em> de Acessibilidade Manual para o Desenvolvedor) (.pdf, 913Kb)</a></td>
  878 +<td>12</td>
  879 +</tr>
  880 +<tr>
  881 +<td><em><span lang="en">Checklist</span></em> de Avaliação Manual <a class="w3-link w3-round-xlarge" href="http://emag.governoeletronico.gov.br/cartilha-contratacao/arquivos/anexos/Anexo-B.ods">(Anexo B – Recomendações e Pontos de checagem para atendimento do eMAG) (.ods, 17,9Kb) </a></td>
  882 +<td>12</td>
  883 +</tr>
  884 +<tr>
  885 +<td>Avaliador e Simulador de Acessibilidade em Sítios (ASES) Desktop (<em><span lang="en">WAI</span></em> e eMAG)</td>
  886 +<td>8</td>
  887 +</tr>
  888 +<tr>
  889 +<td><em><span lang="en">AccessMonitor (WAI)</span></em></td>
  890 +<td>7</td>
  891 +</tr>
  892 +<tr>
  893 +<td><em><span lang="en">Web Accessibility Tool (WAVE) (WAI)</span></em></td>
  894 +<td>4</td>
  895 +</tr>
  896 +<tr>
  897 +<td>Outro(s)</td>
  898 +<td>3</td>
  899 +</tr>
  900 +<tr>
  901 +<td><em><span lang="en">Cynthia Says (WAI)</span></em></td>
  902 +<td>0</td>
  903 +</tr>
  904 +<tr>
  905 +<td><em><span lang="en">Hera (WAI)</span></em></td>
  906 +<td>0</td>
  907 +</tr>
  908 +<tr>
  909 +<td><em><span lang="en">Lift (WAI)</span></em></td>
  910 +<td>0</td>
  911 +</tr>
  912 +<tr>
  913 +<td><em><span lang="en">TAW (WAI)</span></em></td>
  914 +<td>0</td>
  915 +</tr>
  916 +<tr>
  917 +<td><em><span lang="en">Examinator (WAI)</span></em></td>
  918 +<td>0</td>
  919 +</tr>
  920 +<tr>
  921 +<td><em><span lang="en">Functional Accessibility Evaluator 1.1(WAI e Section 508)</span></em></td>
  922 +<td>0</td>
  923 +</tr>
  924 +</tbody>
  925 +</table>
  926 +</section>
  927 +
  928 +<p><strong>​​​​ 12 - Com relação à pergunta anterior, caso tenha respondido 'Outros', mencione abaixo quais são estas ferramentas: <em>Obs.: resposta subjetiva teve por base o arquivo:</em> <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-4-relacao-respostas-subjetivas-FAD-informadas-orgaos.ods">Relação das respostas subjetivas do FAD informadas pelos Órgãos (.ods, 35kb)</a>.</strong></p>
  929 +
  930 +<section class="w3-responsive">
  931 +<table class="w3-table w3-striped w3-border">
  932 +<caption id="tabela18">Tabela 18 - Quantitativo da Pergunta 12 do FAD</caption>
  933 +<thead class="w3-blue-dark">
  934 +<tr>
  935 +<th>Opções</th>
  936 +<th>Quantidade</th>
  937 +</tr>
  938 +</thead>
  939 +<tbody>
  940 +<tr>
  941 +<td><em><span lang="en">Validator W3C</span></em></td>
  942 +<td>2</td>
  943 +</tr>
  944 +<tr>
  945 +<td><em><span lang="en">NVDA</span></em></td>
  946 +<td>1</td>
  947 +</tr>
  948 +</tbody>
  949 +</table>
  950 +</section>
  951 +
  952 +<p><strong>​ 13 (a) - Para cada ambiente e página informada no formulário, informe a nota ASESWEB:</strong> <em>Obs.: notas foram avaliadas conforme</em> <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-3-relacao-ambientes-paginas-informados-orgaos-FAD.ods">Relação de Ambientes e Páginas informados pelos Órgãos no FAD (.ods, 46kb)</a>.</p>
  953 +
  954 +<section class="w3-responsive">
  955 +<table class="w3-table w3-striped w3-border">
  956 +<caption id="tabela19">Tabela 19 - Quantitativo da Pergunta 13 do FAD (Notas do ASESWEB)</caption>
  957 +<thead class="w3-blue-dark">
  958 +<tr>
  959 +<th>Opções</th>
  960 +<th>Quantidade</th>
  961 +</tr>
  962 +</thead>
  963 +<tbody>
  964 +<tr>
  965 +<td>Notas entre 70% e 85%</td>
  966 +<td>430</td>
  967 +</tr>
  968 +<tr>
  969 +<td>Notas entre 85% e 95%</td>
  970 +<td>237</td>
  971 +</tr>
  972 +<tr>
  973 +<td>Notas menor 70%</td>
  974 +<td>103</td>
  975 +</tr>
  976 +<tr>
  977 +<td>Notas maiores 95%</td>
  978 +<td>22</td>
  979 +</tr>
  980 +</tbody>
  981 +</table>
  982 +</section>
  983 +
  984 +<p><strong>​​ 13 (b) - Para cada ambiente e página informada no formulário, informe a nota ACCESSMONITOR:</strong> <em>Obs.: notas foram avaliadas conforme</em> <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-3-relacao-ambientes-paginas-informados-orgaos-FAD.ods">Relação de Ambientes e Páginas informados pelos Órgãos no FAD (.ods, 46kb)</a>.</p>
  985 +
  986 +<section class="w3-responsive">
  987 +<table class="w3-table w3-striped w3-border">
  988 +<caption id="tabela20">Tabela 20 - Quantitativo da Pergunta 13 do FAD (Notas do AccessMonitor)</caption>
  989 +<thead class="w3-blue-dark">
  990 +<tr>
  991 +<th>Opções</th>
  992 +<th>Quantidade</th>
  993 +</tr>
  994 +</thead>
  995 +<tbody>
  996 +<tr>
  997 +<td>Notas menor 7</td>
  998 +<td>557</td>
  999 +</tr>
  1000 +<tr>
  1001 +<td>Notas entre 7 e 8</td>
  1002 +<td>147</td>
  1003 +</tr>
  1004 +<tr>
  1005 +<td>Notas entre 8 e 9.5</td>
  1006 +<td>54</td>
  1007 +</tr>
  1008 +<tr>
  1009 +<td>Notas maiores 9.5</td>
  1010 +<td>34</td>
  1011 +</tr>
  1012 +</tbody>
  1013 +</table>
  1014 +</section>
  1015 +
  1016 +<p><strong>​​​ 14 - Quanto aos itens de acessibilidade que não podem ser verificados por máquina, como o atendimento, quanto às normas de acessibilidade, é validado?</strong></p>
  1017 +
  1018 +<section class="w3-responsive">
  1019 +<table class="w3-table w3-striped w3-border">
  1020 +<caption id="tabela21">Tabela 21 - Quantitativo da Pergunta 14 do FAD</caption>
  1021 +<thead class="w3-blue-dark">
  1022 +<tr>
  1023 +<th>Opções</th>
  1024 +<th>Quantidade</th>
  1025 +</tr>
  1026 +</thead>
  1027 +<tbody>
  1028 +<tr>
  1029 +<td>Não é feito a validação de itens que não podem ser validados de maneira automática</td>
  1030 +<td>107</td>
  1031 +</tr>
  1032 +<tr>
  1033 +<td>A validação é feita pelo responsável técnico do contrato, seguindo um <em><span lang="en">checklist</span></em> de validação manual em amostras do conjunto de páginas</td>
  1034 +<td>7</td>
  1035 +</tr>
  1036 +<tr>
  1037 +<td>A validação é feita pelo responsável técnico do contrato, seguindo um <em><span lang="en">checklist</span></em> de validação manual em todas as páginas</td>
  1038 +<td>4</td>
  1039 +</tr>
  1040 +<tr>
  1041 +<td>A validação é feita por empresa terceirizada, contratada para ajudar na garantia da qualidade do software, seguindo um <em><span lang="en">checklist</span></em> de validação manual</td>
  1042 +<td>3</td>
  1043 +</tr>
  1044 +<tr>
  1045 +<td>A validação é feita através do teste de atendimento das exigências contratuais pela empresa desenvolvedora do produto, que entrega, para cada página desenvolvida, um <em><span lang="en">checklist</span></em> que especifica os testes manuais que foram executados</td>
  1046 +<td>1</td>
  1047 +</tr>
  1048 +</tbody>
  1049 +</table>
  1050 +</section>
  1051 +
  1052 +<p><strong>​ 15 - Caso o órgão realize validações com pessoas com deficiência, selecione abaixo quais pessoas fazem essas validações:</strong></p>
  1053 +
  1054 +<section class="w3-responsive">
  1055 +<table class="w3-table w3-striped w3-border">
  1056 +<caption id="tabela22">Tabela 22 - Quantitativo da Pergunta 15 do FAD</caption>
  1057 +<thead class="w3-blue-dark">
  1058 +<tr>
  1059 +<th>Opções</th>
  1060 +<th>Quantidade</th>
  1061 +</tr>
  1062 +</thead>
  1063 +<tbody>
  1064 +<tr>
  1065 +<td>Pessoa cega ou com baixa visão</td>
  1066 +<td>15</td>
  1067 +</tr>
  1068 +<tr>
  1069 +<td>Pessoa surda ou com deficiência auditiva</td>
  1070 +<td>6</td>
  1071 +</tr>
  1072 +<tr>
  1073 +<td>Pessoa com deficiência física ou motora</td>
  1074 +<td>1</td>
  1075 +</tr>
  1076 +<tr>
  1077 +<td>Pessoa com deficiência intelectual</td>
  1078 +<td>0</td>
  1079 +</tr>
  1080 +</tbody>
  1081 +</table>
  1082 +</section>
  1083 +
  1084 +<p><strong>​​ 16 - O órgão mantém, em seus ambientes, <em><span lang="en">link</span></em> para página onde são descritos os recursos de acessibilidade existentes?</strong></p>
  1085 +
  1086 +<section class="w3-responsive">
  1087 +<table class="w3-table w3-striped w3-border">
  1088 +<caption id="tabela23">Tabela 23 - Quantitativo da Pergunta 16 do FAD</caption>
  1089 +<thead class="w3-blue-dark">
  1090 +<tr>
  1091 +<th>Opções</th>
  1092 +<th>Quantidade</th>
  1093 +</tr>
  1094 +</thead>
  1095 +<tbody>
  1096 +<tr>
  1097 +<td>Sim</td>
  1098 +<td>49</td>
  1099 +</tr>
  1100 +<tr>
  1101 +<td>Sim, somente meu ambiente institucional</td>
  1102 +<td>23</td>
  1103 +</tr>
  1104 +<tr>
  1105 +<td>Não</td>
  1106 +<td>50</td>
  1107 +</tr>
  1108 +</tbody>
  1109 +</table>
  1110 +</section>
  1111 +
  1112 +<p><strong>​​​ 17 - Dentre as tecnologias assistivas baseadas em softwares, marque qual delas o órgão indica ou implementa em seus ambientes digitais: <em>Obs.: pergunta permitiu mais de uma resposta.</em></strong></p>
  1113 +
  1114 +<section class="w3-responsive">
  1115 +<table class="w3-table w3-striped w3-border">
  1116 +<caption id="tabela24">Tabela 24 - Quantitativo da Pergunta 17 do FAD</caption>
  1117 +<thead class="w3-blue-dark">
  1118 +<tr>
  1119 +<th>Opções</th>
  1120 +<th>Quantidade</th>
  1121 +</tr>
  1122 +</thead>
  1123 +<tbody>
  1124 +<tr>
  1125 +<td>Nenhum</td>
  1126 +<td>58</td>
  1127 +</tr>
  1128 +<tr>
  1129 +<td>VLibras</td>
  1130 +<td>36</td>
  1131 +</tr>
  1132 +<tr>
  1133 +<td><em><span lang="en">NVDA</span></em></td>
  1134 +<td>20</td>
  1135 +</tr>
  1136 +<tr>
  1137 +<td>DOSVOX</td>
  1138 +<td>18</td>
  1139 +</tr>
  1140 +<tr>
  1141 +<td><em><span lang="en">JAWS</span></em></td>
  1142 +<td>15</td>
  1143 +</tr>
  1144 +<tr>
  1145 +<td>Outro(s)</td>
  1146 +<td>10</td>
  1147 +</tr>
  1148 +<tr>
  1149 +<td><em><span lang="en">ORCA</span></em></td>
  1150 +<td>6</td>
  1151 +</tr>
  1152 +<tr>
  1153 +<td><em><span lang="en">Hand Talk</span></em></td>
  1154 +<td>3</td>
  1155 +</tr>
  1156 +<tr>
  1157 +<td>Prodeaf</td>
  1158 +<td>4</td>
  1159 +</tr>
  1160 +<tr>
  1161 +<td><em><span lang="en">Rybená</span></em></td>
  1162 +<td>0</td>
  1163 +</tr>
  1164 +</tbody>
  1165 +</table>
  1166 +</section>
  1167 +
  1168 +<p><strong>​​​18 - Com relação à pergunta anterior, caso tenha respondido 'Outro(s)’ mencione abaixo quais são estas tecnologias:</strong> <em>Obs.: resposta subjetiva teve por base a relação presente no arquivo:</em> <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-4-relacao-respostas-subjetivas-FAD-informadas-orgaos.ods">Relação das respostas subjetivas do FAD informadas pelos Órgãos (.ods, 35kb)</a>.</p>
  1169 +
  1170 +<section class="w3-responsive">
  1171 +<table class="w3-table w3-striped w3-border">
  1172 +<caption id="tabela25">Tabela 25 - Quantitativo da Pergunta 18 do FAD</caption>
  1173 +<thead class="w3-blue-dark">
  1174 +<tr>
  1175 +<th>Opções</th>
  1176 +<th>Quantidade</th>
  1177 +</tr>
  1178 +</thead>
  1179 +<tbody>
  1180 +<tr>
  1181 +<td><em><span lang="en">Virtual Vision</span></em></td>
  1182 +<td>3</td>
  1183 +</tr>
  1184 +<tr>
  1185 +<td>Auto Contraste</td>
  1186 +<td>2</td>
  1187 +</tr>
  1188 +<tr>
  1189 +<td>VLibras</td>
  1190 +<td>1</td>
  1191 +</tr>
  1192 +<tr>
  1193 +<td>Ferramentas de acessibilidade do <em><span lang="en">MS Windows</span></em></td>
  1194 +<td>1</td>
  1195 +</tr>
  1196 +<tr>
  1197 +<td>CMS <em><span lang="en">Joomla</span></em> como complemento <em><span lang="en">Screen Reader</span></em></td>
  1198 +<td>1</td>
  1199 +</tr>
  1200 +<tr>
  1201 +<td>Ferramenta de sintetização de voz</td>
  1202 +<td>1</td>
  1203 +</tr>
  1204 +<tr>
  1205 +<td>Aumento de fontes</td>
  1206 +<td>1</td>
  1207 +</tr>
  1208 +<tr>
  1209 +<td><em><span lang="en">VoiceOver (Apple)</span></em></td>
  1210 +<td>1</td>
  1211 +</tr>
  1212 +<tr>
  1213 +<td><em><span lang="en">Whatsapp</span></em></td>
  1214 +<td>1</td>
  1215 +</tr>
  1216 +<tr>
  1217 +<td>Tecnologias assistivas</td>
  1218 +<td>1</td>
  1219 +</tr>
  1220 +<tr>
  1221 +<td><em><span lang="en">Zoom Test</span></em></td>
  1222 +<td>1</td>
  1223 +</tr>
  1224 +<tr>
  1225 +<td><em><span lang="en">Infinity Reader</span></em></td>
  1226 +<td>1</td>
  1227 +</tr>
  1228 +<tr>
  1229 +<td><em><span lang="en">Nitrous Voice Flux</span></em></td>
  1230 +<td>1</td>
  1231 +</tr>
  1232 +<tr>
  1233 +<td><em><span lang="en">IBM Via Voice</span></em></td>
  1234 +<td>1</td>
  1235 +</tr>
  1236 +<tr>
  1237 +<td><em><span lang="en">Yeosoft Text</span></em></td>
  1238 +<td>1</td>
  1239 +</tr>
  1240 +</tbody>
  1241 +</table>
  1242 +</section>
  1243 +
  1244 +<p><strong>​​​19 - Mencione abaixo as dificuldades para o atendimento do prazo previsto na legislação para o estabelecimento da acessibilidade digital, caso o órgao esteja enfrentando estas dificuldades:</strong> <em>Obs.: resposta subjetiva teve por base a relação presente no <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-4-relacao-respostas-subjetivas-FAD-informadas-orgaos.ods">Relação das respostas subjetivas do FAD informadas pelos Órgãos (.ods, 35kb)</a></em></p>
  1245 +
  1246 +<section class="w3-responsive">
  1247 +<table class="w3-table w3-striped w3-border">
  1248 +<caption id="tabela26">Tabela 26 - Quantitativo da Pergunta 19 do FAD</caption>
  1249 +<thead class="w3-blue-dark">
  1250 +<tr>
  1251 +<th>Opções</th>
  1252 +<th>Quantidade</th>
  1253 +</tr>
  1254 +</thead>
  1255 +<tbody>
  1256 +<tr>
  1257 +<td>Falta de servidores</td>
  1258 +<td>50</td>
  1259 +</tr>
  1260 +<tr>
  1261 +<td>Falta de capacitação</td>
  1262 +<td>25</td>
  1263 +</tr>
  1264 +<tr>
  1265 +<td>Falta de priorização</td>
  1266 +<td>18</td>
  1267 +</tr>
  1268 +<tr>
  1269 +<td>Falta de orçamento</td>
  1270 +<td>14</td>
  1271 +</tr>
  1272 +<tr>
  1273 +<td>Problemas internos no Órgão</td>
  1274 +<td>12</td>
  1275 +</tr>
  1276 +<tr>
  1277 +<td>Dificuldade tecnologia antiga (legado)</td>
  1278 +<td>8</td>
  1279 +</tr>
  1280 +<tr>
  1281 +<td>Dificuldade tecnologia nova (construções/atualizações)</td>
  1282 +<td>5</td>
  1283 +</tr>
  1284 +<tr>
  1285 +<td>Falta de ferramenta</td>
  1286 +<td>2</td>
  1287 +</tr>
  1288 +<tr>
  1289 +<td>Problemas na ferramenta de validação automática</td>
  1290 +<td>2</td>
  1291 +</tr>
  1292 +<tr>
  1293 +<td>Problemas na Identidade Digital de Governo</td>
  1294 +<td>2</td>
  1295 +</tr>
  1296 +<tr>
  1297 +<td>Dificuldade acesso/manipulação do FAD</td>
  1298 +<td>2</td>
  1299 +</tr>
  1300 +<tr>
  1301 +<td>Falta de trabalhos acadêmicos</td>
  1302 +<td>1</td>
  1303 +</tr>
  1304 +</tbody>
  1305 +</table>
  1306 +</section>
  1307 +
  1308 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  1309 +
  1310 +</section>
  1311 +</section>
  1312 +
  1313 +
  1314 +<section class="w3-container w3-padding-24">
  1315 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="informacoesgeraisdosplanosdetrabalho"><span class="w3-badge w3-blue-dark">7</span> Informações Gerais dos Planos de Trabalho</h2></section>
  1316 +<section class="w3-container w3-text-indent">
  1317 +
  1318 +<p>Com o preenchimento do Formulário de Acessibilidade Digital, os órgãos teriam, como próximo passo, elaborar um plano de trabalho com o objetivo de explicitar quais seriam as ações e quanto tempo levariam para corrigir ou aperfeiçoar a acessibilidade digital no órgão, conforme cenário colhido no FAD.</p>
  1319 +
  1320 +<p>Os planos de trabalho foram apresentados das mais diversas formas pelos órgãos, cabendo à SETIC observar, categorizar e contabilizar os itens em comum referentes aos ditames da portaria como: apresentação de cronograma, detalhamento das atividades, metas estabelecidas, apresentação de justificativa para execução de atividades que demandam prazo superior a 6 (seis) meses, dentre outros.</p>
  1321 +
  1322 +<p>Dessa forma, considerou-se somente 120 planos de trabalho, pois dentre os órgãos que enviaram o FAD, 2 (dois) deixaram de produzir e/ou enviar o plano de trabalho ao Ministério Público. A relação dos planos de trabalho avaliados está presente na <a class="w3-link w3-round-xlarge" title="planilha no formato aberto" href="${pageContext.request.contextPath}/anexos/anexo-2-relacao-orgaos-informacoes-gerais-planos-trabalho.ods">Relação dos Órgãos das Informações Gerais dos Planos de Trabalho (.ods, 27kb)</a>.</p>
  1323 +
  1324 +<h3 class="w3-padding-top-32">Quantitativo quanto aos prazos apresentados nos cronogramas</h3>
  1325 +
  1326 +<p>Começa-se demonstrando os órgãos que possuem e não possuem cronogramas capazes de verificar e acompanhar as ações do tema acessibilidade digital. Para contagem, considerou-se uma área no plano de trabalho com cronograma tendo uma listagem de atividades relacionadas com as respectivas data de início ou término:</p>
  1327 +
  1328 +<section class="w3-responsive">
  1329 +<table class="w3-table w3-border">
  1330 +<caption id="tabela27">Tabela 27 - Quantitativo dos órgãos que apresentaram cronograma nos planos de trabalho</caption>
  1331 +<thead class="w3-blue-dark">
  1332 +<tr>
  1333 +<th>Possuem Cronograma</th>
  1334 +<th>Não Possuem Cronograma</th>
  1335 +</tr>
  1336 +</thead>
  1337 +<tbody>
  1338 +<tr>
  1339 +<td>96</td>
  1340 +<td>24</td>
  1341 +</tr>
  1342 +</tbody>
  1343 +</table>
  1344 +</section>
  1345 +
  1346 +<p>Adentrando nos órgãos que possuem cronograma nos planos de trabalho, apresentamos os que possuem data de início e data de término, apenas data de início, e apenas data de término. Para contagem dos órgãos que possuem data de início e data de término, considerou-se a presença de uma data na primeira atividade do projeto e uma data na última data do projeto. Com relação a contagem dos órgãos que possuem apenas data de início, considerou-se a indicação de pelos menos a data de início de alguma atividade nos cronogramas sem presença de data de término em qualquer atividade do cronograma. Na contagem dos órgãos que possuem apenas data de término, considerou-se a indicação de pelos menos a data de término de alguma atividade nos cronogramas sem presença de data de início em qualquer atividade do cronograma:</p>
  1347 +
  1348 +<section class="w3-responsive">
  1349 +<table class="w3-table w3-border">
  1350 +<caption id="tabela28">Tabela 28 - Quantitativo dos órgãos que apresentaram datas de início e término nos cronogramas dos planos de trabalho</caption>
  1351 +<thead class="w3-blue-dark">
  1352 +<tr>
  1353 +<th>Possui Data de Início e Término</th>
  1354 +<th>Possui apenas Data de Término</th>
  1355 +<th>Possui apenas Data de Início</th>
  1356 +</tr>
  1357 +</thead>
  1358 +<tbody>
  1359 +<tr>
  1360 +<td>83</td>
  1361 +<td>12</td>
  1362 +<td>1</td>
  1363 +</tr>
  1364 +</tbody>
  1365 +</table>
  1366 +</section>
  1367 +
  1368 +<p>Dentro dos órgãos que possuem datas de início e término, apresentamos os que possuem ou não datas das execuções das atividades dos cronogramas superiores a seis meses. Para a contagem, considerou-se os órgãos que apresentam pelo menos uma data de início da primeira atividade e uma data de término da última atividade:</p>
  1369 +
  1370 +<section class="w3-responsive">
  1371 +<table class="w3-table w3-border">
  1372 +<caption id="tabela29">Tabela 29 - Quantitativo dos órgãos que apresentaram datas de execução das atividades nos cronogramas dos planos de trabalho superiores ou inferiores a 6 meses</caption>
  1373 +<thead class="w3-blue-dark">
  1374 +<tr>
  1375 +<th>Não possuem Data Superior a 6 meses</th>
  1376 +<th>Possuem Data Superior a 6 Meses</th>
  1377 +</tr>
  1378 +</thead>
  1379 +<tbody>
  1380 +<tr>
  1381 +<td>51</td>
  1382 +<td>32</td>
  1383 +</tr>
  1384 +</tbody>
  1385 +</table>
  1386 +</section>
  1387 +
  1388 +<p>Continuando nos órgãos que possuem data superior a 6 meses, apresentamos os que justificaram e não justificaram os motivos das datas nas atividades, porque conforme a Portaria Interministerial nº 1, de 12 de Janeiro de 2017, os órgãos que apresentem cronogramas com prazos superiores a seis meses, devem justificar os motivos para tais prazos. Para contagem, considerou-se os órgãos que apresentam a justificativa em algum ponto do plano de trabalho.</p>
  1389 +
  1390 +<section class="w3-responsive">
  1391 +<table class="w3-table w3-border">
  1392 +<caption id="tabela30">Tabela 30 - Quantitativo dos órgãos que justificaram ou não as datas de execução das atividades nos cronogramas dos planos de trabalho superiores.</caption>
  1393 +<thead class="w3-blue-dark">
  1394 +<tr>
  1395 +<th>Não Justificaram Data Superior 6 meses</th>
  1396 +<th>Justificaram Data Superior 6 meses</th>
  1397 +</tr>
  1398 +</thead>
  1399 +<tbody>
  1400 +<tr>
  1401 +<td>24</td>
  1402 +<td>8</td>
  1403 +</tr>
  1404 +</tbody>
  1405 +</table>
  1406 +</section>
  1407 +
  1408 +<p>Diante do cenário acima exposto, ainda foi possível observar as seguintes situações nos planos de trabalhos:</p>
  1409 +
  1410 +<p><strong>1. Quantidade de órgãos que detalharam ou não suas atividades em seus respectivos cronogramas:</strong> Nesta situação, considerou o número de órgãos que apresentam a descrição de como executarão as atividades nos cronogramas. Considerou-se para a contagem, a explicação em, pelo menos, uma atividade do cronograma;</p>
  1411 +
  1412 +<section class="w3-responsive">
  1413 +<table class="w3-table w3-striped w3-border">
  1414 +<caption id="tabela31">Tabela 31 - Quantitativo dos Órgãos que detalharam ou não suas atividades</caption>
  1415 +<thead class="w3-blue-dark">
  1416 +<tr>
  1417 +<th>Opções</th>
  1418 +<th>Quantidade</th>
  1419 +</tr>
  1420 +</thead>
  1421 +<tbody>
  1422 +<tr>
  1423 +<td>Detalharam</td>
  1424 +<td>50</td>
  1425 +</tr>
  1426 +<tr>
  1427 +<td>Não Detalharam</td>
  1428 +<td>46</td>
  1429 +</tr>
  1430 +</tbody>
  1431 +</table>
  1432 +</section>
  1433 +
  1434 +<p><strong>2. Escopo da adequação da acessibilidade dos ambientes digitais nos órgãos:</strong> Nesta situação, observou-se qual escopo de atuação para adequação da acessibilidade digital. Considerou-se para o levantamento das informações:</p>
  1435 +
  1436 +<ul class="w3-ul-inside-none">
  1437 +<li><strong>FAD:</strong> número de órgãos que dedicam a execução das atividades do cronograma apenas nos ambientes digitais mencionados no FAD;</li>
  1438 +<li><strong>Sites do Órgão:</strong> número de órgãos que dedicam a execução das atividades do cronograma nos ambientes digitais mencionados no FAD, além de outros ambientes digitais, como cursos de ensino a distância, <em><span lang="en"> hot sites</span></em> e outros.</li>
  1439 +</ul>
  1440 +
  1441 +<section class="w3-responsive">
  1442 +<table class="w3-table w3-striped w3-border">
  1443 +<caption id="tabela32">Tabela 32 - Quantitativo do escopo da adequação da acessibilidade dos ambientes digitais</caption>
  1444 +<thead class="w3-blue-dark">
  1445 +<tr>
  1446 +<th>Opções</th>
  1447 +<th>Quantidade</th>
  1448 +</tr>
  1449 +</thead>
  1450 +<tbody>
  1451 +<tr>
  1452 +<td>FAD</td>
  1453 +<td>51</td>
  1454 +</tr>
  1455 +<tr>
  1456 +<td>Sites do Órgão</td>
  1457 +<td>45</td>
  1458 +</tr>
  1459 +</tbody>
  1460 +</table>
  1461 +</section>
  1462 +
  1463 +<p><strong>3. Atividades constantes do plano de trabalho que implicam em melhoria da acessibilidade digital no órgão:</strong> Observa-se nesta situação possíveis atividades que podem contribuir para melhora da acessibilidade digital. Essas atividades estão presentes no <a class="w3-link w3-round-xlarge" href="http://www.governoeletronico.gov.br/egd">Modelo de Maturidade de Acessibilidade da Estratégia Governança Digital - EGD <img src="imgs/site-ext.gif" alt="Site Externo" /></a>. Considerou-se nesse item a possibilidade de mais de uma atividade a ser exercida pelo órgão.</p>
  1464 +
  1465 +
  1466 +<section class="w3-responsive">
  1467 +<table class="w3-table w3-striped w3-border">
  1468 +<caption id="tabela33">Tabela 33 - Quantitativo de atividades do plano de trabalho na melhoria da acessibilidade digital</caption>
  1469 +<thead class="w3-blue-dark">
  1470 +<tr>
  1471 +<th>Opções</th>
  1472 +<th>Quantidade</th>
  1473 +</tr>
  1474 +</thead>
  1475 +<tbody>
  1476 +<tr>
  1477 +<td>Estabelecimento de rotinas de validações humanas</td>
  1478 +<td>71</td>
  1479 +</tr>
  1480 +<tr>
  1481 +<td>Capacitação de pessoal</td>
  1482 +<td>44</td>
  1483 +</tr>
  1484 +<tr>
  1485 +<td>Estabelecimento de rotinas de validações automáticas</td>
  1486 +<td>29</td>
  1487 +</tr>
  1488 +<tr>
  1489 +<td>Não deixou explícito quais possíveis atividades serem aplicadas para melhoria da acessibilidade digital</td>
  1490 +<td>24</td>
  1491 +</tr>
  1492 +<tr>
  1493 +<td>Observância dos critérios de acessibilidade em seus instrumentos de contratação</td>
  1494 +<td>15</td>
  1495 +</tr>
  1496 +</tbody>
  1497 +</table>
  1498 +</section>
  1499 +
  1500 +<p><strong>4. Execução da melhoria da acessibilidade digital:</strong> Comprometimento de ações para a melhoria da acessibilidade entre os anos de 2016 até o ano de 2020, conforme informados pelos órgãos. As tabelas informam o ano do início das atividades na legenda e o ano do término das atividades na coluna “Opções”.</p>
  1501 +
  1502 +
  1503 +<section class="w3-responsive">
  1504 +<table class="w3-table w3-striped w3-border">
  1505 +<caption id="tabela34">Tabela 34 - Quantitativo de execução da melhoria da acessibilidade digital (execuções começam no ano 2016)</caption>
  1506 +<thead class="w3-blue-dark">
  1507 +<tr>
  1508 +<th>Opções</th>
  1509 +<th>Quantidade</th>
  1510 +</tr>
  1511 +</thead>
  1512 +<tbody>
  1513 +<tr>
  1514 +<td>2016</td>
  1515 +<td>2</td>
  1516 +</tr>
  1517 +<tr>
  1518 +<td>2017</td>
  1519 +<td>6</td>
  1520 +</tr>
  1521 +<tr>
  1522 +<td>2018</td>
  1523 +<td>Sem execução</td>
  1524 +</tr>
  1525 +<tr>
  1526 +<td>2019</td>
  1527 +<td>Sem execução</td>
  1528 +</tr>
  1529 +<tr>
  1530 +<td>2020</td>
  1531 +<td>Sem execução</td>
  1532 +</tr>
  1533 +</tbody>
  1534 +</table>
  1535 +</section>
  1536 +
  1537 +<br>
  1538 +
  1539 +<section class="w3-responsive">
  1540 +<table class="w3-table w3-striped w3-border">
  1541 +<caption id="tabela35">Tabela 35 - Quantitativo de execução da melhoria da acessibilidade digital (execuções começam no ano 2017)</caption>
  1542 +<thead class="w3-blue-dark">
  1543 +<tr>
  1544 +<th>Opções</th>
  1545 +<th>Quantidade</th>
  1546 +</tr>
  1547 +</thead>
  1548 +<tbody>
  1549 +<tr>
  1550 +<td>2017</td>
  1551 +<td>64</td>
  1552 +</tr>
  1553 +<tr>
  1554 +<td>2018</td>
  1555 +<td>10</td>
  1556 +</tr>
  1557 +<tr>
  1558 +<td>2019</td>
  1559 +<td>Sem execução</td>
  1560 +</tr>
  1561 +<tr>
  1562 +<td>2020</td>
  1563 +<td>1</td>
  1564 +</tr>
  1565 +</tbody>
  1566 +</table>
  1567 +</section>
  1568 +
  1569 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  1570 +
  1571 +</section>
  1572 +</section>
  1573 +
  1574 +<section class="w3-container w3-padding-24">
  1575 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="consideracoesfinais"><span class="w3-badge w3-blue-dark">8</span> Considerações Finais</h2></section>
  1576 +<section class="w3-container w3-text-indent">
  1577 +
  1578 +<p>A inclusão social e digita são recursos de melhoria na vida do cidadão. Para inclusão digital, o Estado trabalha, por meio de normativos e de padrões, com intuito de aprimorar a acessibilidade nos sítios da Administração Pública Federal.</p>
  1579 +
  1580 +<p>Nos normativos, o Relatório Circunstanciado foi o recurso estabelecido pela Lei nº 13.146, de 6 de julho de 2015, para demonstrar as atividades necessárias a serem feitas para os cumprimentos dos prazos presentes na Lei nº 10.048, de 8 de novembro de 2000 e na Lei nº 10.098, de 19 de dezembro de 2000. Desse prazos, está o de 12 (doze) meses para aplicação da acessibilidade em todos os sítios e portais da Administração Pública Federal.</p>
  1581 +
  1582 +<p>Nos padrões, o Estado apresentou iniciativas para acessibilidade de forma direta, como a criação do Modelo de Acessibilidade em Governo Eletrônico -eMAG (recomendações ou diretrizes que visam tornar o conteúdo da internet da Administração Pública Federal acessível a todas as pessoas); e de forma indireta, como a Identidade Digital de Governo -IDG (conjunto de diretrizes, orientações e modelos a serem aplicados nos canais e elementos que fazem a comunicação do Poder Executivo Federal em ambientes digitais, tendo como pilares: acessibilidade, experiência digital comum e economicidade).</p>
  1583 +
  1584 +<p>Diante da atuação do Estado para aprimorar o tema acessibilidade digital, a SETIC, o MDH e MPF reuniram esforços tendo por objetivo criar uma solução que permita aos órgãos do Governo Federal a produção dos Relatórios Circunstanciados. Dessa união surgiu: o sistema denominado Formulário de Acessibilidade Digital (FAD) e a Portaria Interministerial nº 1, de 12 de janeiro de 2017.</p>
  1585 +
  1586 +<p>Com os esforços feitos entre esses 3 (três) órgãos citados, o próximo passo foi a disponibilização do FAD para os órgãos. Começou no dia 20 de novembro de 2016 e está disponível até momentos atuais.</p>
  1587 +
  1588 +<p>Para produção deste relatório, estabeleceu-se uma data base para a catalogação das informações, que foi a data de 8 de março de 2017 e, também, estabeleceu-se o total de órgãos que iriam compor esse catálogo de informações, ou seja, os 227 órgãos integrantes do SISP presentes no momento do preenchimento do FAD.</p>
  1589 +
  1590 +<p>Diante das informações prestadas pelos órgãos até a data base, podemos demonstrar algumas situações:</p>
  1591 +
  1592 +<ul class="w3-ul-inside-none">
  1593 +<li>1. O FAD teve como premissa o preenchimento de 5 ambientes, cada ambiente com até 5 páginas. O total de ambientes e páginas preenchidos por todos os órgãos do SISP seriam, respectivamente, 1.135 e 5.675. Porém, sagraram-se aptos para o relatório, 122 órgãos – encaminharam as informações do FAD ao MPF -, 137 ambientes e 792 páginas;</li>
  1594 +<li>2. No preenchimento das perguntas do FAD, alguns pontos chamaram atenção como: o cidadão é o que mais reclama da falta de acessibilidade digital dos sítios e portais dos órgãos; existe órgão que possui um modelo de acessibilidade particular, além do padrão internacional (WCAG) e nacional (eMAG); a principal dificuldade para implementação da acessibilidade digital é a falta de servidores;</li>
  1595 +<li>3. Quanto aos planos de trabalho, item do Relatório Circunstanciado para explicitar ações e tempos necessários para implementar a acessibilidade digital, destacou-se as seguintes informações: previsão, no ano de 2017, de finalização das melhorias de acessibilidade digital pelos órgãos; estabelecimento de rotinas de validação automática nas atividades de melhoria da acessibilidade; possíveis dificuldades para a implementação da acessibilidade digital provenientes da utilização da Identidade Digital de Governo; foco na melhoria de acessibilidade digital apenas nos ambientes destacados no FAD, sem considerar outros sistemas ou sites do órgão; presença de Núcleos que têm a responsabilidade da coordenação e implementação da acessibilidade digital;</li>
  1596 +</ul>
  1597 +
  1598 +<p>Existe a necessidade de um acompanhamento para os próximos anos, conforme explicita a Portaria Interministerial nº 1, de 12 de janeiro de 2017. Pois, é necessário verificar se os órgãos cumprirão as metas de melhoria estabelecidas nos planos de trabalho para o cenário da acessibilidade digital.</p>
  1599 +
  1600 +<p>Outro ponto importante é a divulgação desse trabalho para todos os Órgãos da Administração Pública Federal, porque a solução de algum órgão pode ser solução para outro, como utilização dos Núcleos de Acessibilidade e Inclusão de algumas Universidades. </p>
  1601 +
  1602 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  1603 +
  1604 +</section>
  1605 +</section>
  1606 +
  1607 +<section class="w3-container w3-padding-24">
  1608 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="glossario"><span class="w3-badge w3-blue-dark">9</span> Glossário</h2></section>
  1609 +<section class="w3-container w3-text-indent">
  1610 +
  1611 +<ul class="w3-ul-inside-none">
  1612 +<li><a class="w3-link w3-round-xlarge" href="http://www.acessibilidade.gov.pt/accessmonitor/"><span lang="en"><em><strong>AccessMonitor <img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></em></span></a> É um validador automático que verifica a aplicação das diretrizes de acessibilidade nos conteúdos HTML de um sítio web. O AccessMonitor usa como referência a versão 2.0 das Diretrizes de Acessibilidade para o Conteúdo da Web (<span lang="en"><em>WCAG</em></span> 2.0) do <span lang="en"><em>World Wide Web Consortium (W3C)</em></span></li>
  1613 +<li><a class="w3-link w3-round-xlarge" href="http://blog.apiki.com/2015/10/09/aumento-e-reducao-de-fonte-fornecendo-acessibilidade-digital/"><strong>Aumento de fontes<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É uma funcionalidade para controlar o tamanho da fonte do conteúdo de uma página ou sítio.</li>
  1614 +<li><a class="w3-link w3-round-xlarge" href="http://emag.governoeletronico.gov.br/#s4.2"><strong>Auto Contraste: <img src="imgs/site-ext.gif" alt="Site Externo" /></strong></a> Funcionalidade presente em sites que permite tons claros e escuros sejam acentuados sobre os meios tons, os quais podem ser eliminados</li>
  1615 +<li><a class="w3-link w3-round-xlarge" href="http://asesweb.governoeletronico.gov.br/ases/"><strong>Avaliador e Simulador de Acessibilidade em Sítios (ASES) versão Web<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É uma ferramenta que permite avaliar, simular e corrigir a acessibilidade de páginas, sítios e portais, sendo de grande valia para os desenvolvedores e publicadores de conteúdo.</li>
  1616 +<li><a class="w3-link w3-round-xlarge" href="http://softwarepublico.gov.br/social/ases/versoes-estaveis/versao-desktop"><strong>Avaliador e Simulador de Acessibilidade em Sítios (ASES) versão Desktop<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É uma ferramenta que permite avaliar, simular e corrigir a acessibilidade de páginas, sítios e portais, sendo de grande valia para os desenvolvedores e publicadores de conteúdo.</li>
  1617 +<li><a class="w3-link w3-round-xlarge" href="http://emag.governoeletronico.gov.br/cartilha-contratacao/"><strong>"Cartilha de Boas Práticas para Acessibilidade Digital" na contratação de desenvolvimento WEB<img src="imgs/site-ext.gif" alt="Site Externo" /></strong></a> O objetivo da cartilha é apresentar uma visão geral do tema acessibilidade na web e servir como guia inicial para implementação das recomendações de acessibilidade preconizadas pelo Modelo de Acessibilidade em Governo Eletrônico (eMAG), para aqueles que são responsáveis por contratar e receber produtos web, de forma que estes atendam aos requisitos legais de acessibilidade.</li>
  1618 +<li><a class="w3-link w3-round-xlarge" href="http://extensions.joomla.org/extensions/extension/style-a-design/accessibility/screen-reader/"><strong>Complemento <span lang="en"><em>Screen Reader</em></span> do <span lang="en"><em>Joomla</em></span><img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É um <span lang="en">plugin</span> que adiciona acessibilidade para leitura do conteúdo dos sites. Permite o controle para ajustar o tamanho da fonte do site e apresenta uma Fonte Dislexia para aprimorar a leitura do conteúdo para pessoas que apresentam uma visão prejudicada.</li>
  1619 +<li><a class="w3-link w3-round-xlarge" href="http://www.cynthiasays.com/"><span lang="en"><em><strong>Cynthia Says</strong></em></span>:<img src="imgs/site-ext.gif" alt="Site Externo" /></a> É uma ferramenta que ajuda identificar os erros de acessibilidade tendo por base os padrões da <span lang="en"><em>Section</em></span> 508 e das diretrizes do <span lang="en"><em>WCAG</em></span>. A ferramenta permite usuários testarem páginas individuais do site a ser avaliados e ter o <span lang="en">feedback</span> num formato fácil e claro de ser entendido.</li>
  1620 +<li><a class="w3-link w3-round-xlarge" href="http://www.dasilva.org.br/"><strong>Da Silva WEB<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> é uma ferramenta da família de avaliadores DaSilva, desenvolvida pela Acessibilidade Brasil em parceria com a empresa W2B Soluções Internet , sendo o primeiro avaliador de acessibilidade de <span lang="en"><em>SITES</em></span> em língua portuguesa, com base nos princípios de acessibilidade preconizados pelo <span lang="en"><em>W3C/WAI (WCAG1 e WCAG2)</em></span> e pelo documento E-mag.</li>
  1621 +<li><a class="w3-link w3-round-xlarge" href="http://intervox.nce.ufrj.br/dosvox/"><strong>DOSVOX:<img src="imgs/site-ext.gif" alt="Site Externo" /></strong></a> Sistema para microcomputadores da linha PC que se comunica com o usuário através de síntese de voz, viabilizando, deste modo, o uso de computadores por deficientes visuais, que adquirem assim, um alto grau de independência no estudo e no trabalho.</li>
  1622 +<li><a class="w3-link w3-round-xlarge" href="http://www.acessibilidade.gov.pt/webax/examinator.php"><span lang ="en"><em><strong>Examinator</strong></em></span> <img src="imgs/site-ext.gif" alt="Site Externo" />:</a> É um validador automático do grau de satisfação, por uma dada página na Internet, das Diretrizes de Acessibilidade para o Conteúdo da Web (<span lang="en"><em>WCAG</em></span> 1.0).</li>
  1623 +<li><a class="w3-link w3-round-xlarge" href="http://intervox.nce.ufrj.br/lianetts/home.htm"><strong>Ferramenta de sintetização de voz<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> Dispositivo utilizado para traduzir caracteres de texto em sons aproximados à fala humana. Dependendo do nível de sofisticação do dispositivo individual, os sons produzidos podem ser um pouco artificiais.</li>
  1624 +<li><a class="w3-link w3-round-xlarge" href="http://fae.disability.illinois.edu/anonymous/?Anonymous%20Report=/"><strong><em><span lang="en">Functional Accessibility Evaluator</span></em> 1.1<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a>É uma ferramenta que avalia um site ou apenas uma página web tendo por base <em><span lang="en">Web Content Accessibility Guidelines (WCAG</span></em> 2.0) dentro dos níveis <abbr title="1 A">A</abbr> e <abbr title="2 As">AA</abbr>.</li>
  1625 +<li><a class="w3-link w3-round-xlarge" href="http://handtalk.me"><strong><em><span lang="en">Hand Talk<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a>Realiza tradução digital e automática para Língua Brasileira de Sinais, utilizada pela comunidade surda. A solução oferece ferramentas complementares ao trabalho do intérprete para auxiliar a comunicação entre surdos e ouvintes.</li>
  1626 +<li><a class="w3-link w3-round-xlarge" href="http://www.sidar.org/hera/index.php.pt"><strong><em><span lang="en">Hera</span></em><img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a>É uma ferramenta para verificar a acessibilidade das páginas Web de acordo com as recomendações das Diretrizes de Acessibilidade para o Conteúdo <em><span lang="en">Web</span></em> (<em><span lang="en">WCAG</span></em>, versão 1.0). O <em><span lang="en">HERA</span></em> realiza uma análise automática prévia da página e disponibiliza a informação dos erros encontrados e quais os pontos de verificação que devem ser revistos manualmente.</li>
  1627 +<li><a class="w3-link w3-round-xlarge" href="http://www-01.ibm.com/software/pervasive/viavoice.html"><strong><em><span lang="en">IBM Via Voice</span></em><img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a>É um programa que faz a sintetização de voz para texto de um editor, de forma automática.</li>
  1628 +<li><a class="w3-link w3-round-xlarge" href="http://www.portalpadrao.gov.br/"><strong>Identidade Digital de Governo<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a>Busca padronizar os portais dos órgãos públicos federais e alinhar as informações para otimizar a comunicação com o cidadão. Os órgãos têm à disposição a estrutura do Portal Padrão que reúne o que há de mais adequado em soluções digitais de acessibilidade e de divulgação de informações nos mais variados formatos.</li>
  1629 +<li><a class="w3-link w3-round-xlarge" href="http://www.sciaccess.net/en/InftyReader/"><strong><em><span lang="en">Infinity Reader<img src="imgs/site-ext.gif" alt="Site Externo" /></span></em></strong></a>: É um software OCR (Reconhecimento Óptico de Caracteres), que reconhece documentos científicos incluindo fórmulas matemáticas, e o resultado da leitura pode ser salvo nos formatos: LaTeX, <em><span lang="en">MathML</span></em>, XHTML, HRTeX (Texto de leitura para pessoas com deficiência visual), IML e documento <em><span lang="en">Microsoft Word</span></em>.</li>
  1630 +<li><a class="w3-link w3-round-xlarge" href="http://www.governoeletronico.gov.br/documentos-e-arquivos/1%20-%20IN%204%20%2011-9-14.pdf"><strong>Instrução Normativa N° 04, de 11 de Setembro de 2014 (.pdf, 326Kb):</strong></a> Editada pela Secretaria de Logística e Tecnologia da Informação - SLTI do Ministério do Planejamento, Orçamento e Gestão - MP e dispõe sobre o processo de contratação de Soluções de Tecnologia da Informação pelos órgãos integrantes do Sistema de Administração dos Recursos de Informação e Informática - SISP do Poder Executivo Federal.</li>
  1631 +<li><a class="w3-link w3-round-xlarge" href="http://www.freedomscientific.com/Products/Blindness/JAWS"><strong><em><span lang="en">JAWS (Job Access With Speech)</span></em><img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É um leitor de tela desenvolvido para usuários de computador que apresentam deficiência visual. A ferramenta prove saída da informação por meio da fala ou do Braille para maioria das aplicações presentes no computador.</li>
  1632 +<li><a class="w3-link w3-round-xlarge" href="http://downloads.joomla.org/br/"><strong><em><span lang="en">Joomla</span><img src="imgs/site-ext.gif" alt="Site Externo" />:</em></strong></a> É um gerenciador de conteúdo que permite construção de sites e aplicativos poderosos. Dentre as especificações, incluem a facilidade de utilização e extensão.</li>
  1633 +<li><a class="w3-link w3-round-xlarge" href="http://www.usablenet.com"><strong><em><span lang="en">Lift<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É um conjunto de ferramentas fornecido pela empresa <em><span lang="en">UsableNet</span></em> para prover a qualquer usuário formas para implementar e testar os itens de usabilidade e acessibilidade nos sites.</li>
  1634 +<li><a class="w3-link w3-round-xlarge" href="http://www.sdh.gov.br/"><strong>MDH<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É o Ministério dos Direitos Humanos e tem como responsabilidade a articulação interministerial e intersetorial das políticas de promoção e proteção aos Direitos Humanos no Brasil.</li>
  1635 +<li><a class="w3-link w3-round-xlarge" href="http://emag.governoeletronico.gov.br"><strong>Modelo de Acessibilidade em Governo Eletrônico – eMAG<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> Recomendações ou diretrizes que visam tornar o conteúdo da internet da Administração Pública Federal acessível a todas as pessoas.</li>
  1636 +<li><a class="w3-link w3-round-xlarge" href="http://nitrous-voice-flux.softonic.com.br/"><strong><em><span lang="en">Nitrous Voice Flux<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É software gratuito que possibilita usar o computador usando somente a voz.</li>
  1637 +<li><a class="w3-link w3-round-xlarge" href="http://www.nvaccess.org/"><strong><em><span lang="en">NVDA (NonVisual Desktop Access)<img src="imgs/site-ext.gif" alt="Site Externo" /></span></em></strong></a> É um leitor de tela que permite pessoas com deficiência visual ou pessoas com visão prejudicada utilizar computadores. A ferramenta realiza leitura do conteúdo da tela por meio de voz computadorizada. Você pode controlar a leitura por meio da movimentação do mouse ou das teclas do teclado.</li>
  1638 +<li><a class="w3-link w3-round-xlarge" href="http://wiki.gnome.org/Projects/Orca"><strong><em><span lang="en">ORCA<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a>É um leitor de tela programável livre, de código aberto. Usando várias combinações de fala, braille, e ampliação, <em><span lang="en">Orca</span></em> ajuda a fornecer acesso a aplicações e kits de ferramentas que suportam tecnologia ou serviço provido pela interface (por exemplo, o ambiente de trabalho <em><span lang="en">Gnome</span></em>)</li>
  1639 +<li><a class="w3-link w3-round-xlarge" href="http://prodeaf.net/"><strong>Prodeaf<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É um software de tradução de texto e voz na língua portuguesa para Libras - a língua brasileira de sinais, com o objetivo de realizar a comunicação entre surdos e ouvintes.</li>
  1640 +<li><a class="w3-link w3-round-xlarge" href="http://portal.rybena.com.br/site-rybena/"><strong><em><span lang="fr">Rybená<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É um recurso de tecnologia assistiva que está preparado para funcionar de forma compatível com os principais navegadores, seja para computadores ou dispositivos móveis. Com tecnologia de ponta, completamente nacional, a solução é capaz de traduzir textos do português para LIBRAS e de converter português escrito para voz falada no Brasil, oferecendo às pessoas com necessidades especiais a possibilidade do entendimento dos textos na internet.</li>
  1641 +<li><a class="w3-link w3-round-xlarge" href="http://www.section508.gov/"><strong><em><span lang="en">Section</span></em> 508<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É uma lei federal norte-americana que determina que todo equipamento relacionado a Tecnologia da Informação adquirido, mantido ou utilizado pelo governo deverá ser acessível para pessoas com deficiência.</li>
  1642 +<li><a class="w3-link w3-round-xlarge" href="http://www.planejamento.gov.br/acesso-a-informacao/institucional/unidades/setic"><strong>SETIC<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É a Secretaria de Tecnologia da Informação e Comunicação originada a partir da integração da antiga Secretaria de Tecnologia da Informação (STI) com a Diretoria de Tecnologia da Informação (DTI). Tem as ações focadas na oferta de serviços e soluções de tecnologia, informação e comunicação tanto para os órgãos do Sistema de Administração dos Recursos de Tecnologia da Informação (SISP) quanto para as unidades internas do Ministério do Planejamento.</li>
  1643 +<li><a class="w3-link w3-round-xlarge" href="http://www.tawdis.net/"><strong><em><span lang="en">TAW<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É uma ferramenta para analisar sites da web, tendo por base <em><span lang="en">Web Content Accessibility Guidelines 1.0 </span> e 2.0 (<span lang="en">WCAG</span></em> , versões 1.0 e 2.0)</li>
  1644 +<li><a class="w3-link w3-round-xlarge" href="http://emag.governoeletronico.gov.br/cursoconteudista/introducao/tecnologia-assistiva-introducao.html"><strong>Tecnologias assistivas<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> São recursos que contribuem para que pessoas com deficiência possam ter uma vida mais independente e autônoma. Esses recursos englobam desde artefatos simples até sistemas computacionais bastante complexos.</li>
  1645 +<li><a class="w3-link w3-round-xlarge" href="http://validator.w3.org/"><strong><em><span lang="en">Validator W3C<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É uma ferramenta que avalia a linguagem de marcação da <em><span lang="en">WEB</span></em> (HTML) de páginas web. Tem suporte para outras linguagens como: XHTML, SMIL, <em><span lang="en">MathML</span></em></li>
  1646 +<li><a class="w3-link w3-round-xlarge" href="http://www.virtualvision.com.br/"><strong><em><span lang="en">Virtual Vision<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> Solução definitiva para que pessoas com deficiência visual possam utilizar com autonomia o <em><span lang="en">Windows</span></em>, o <em><span lang="en">Office</span></em>, o <em><span lang="en">Internet Explorer</span></em> e outros aplicativos, através da leitura dos menus e telas desses programas por um sintetizador de voz. </li>
  1647 +<li><a class="w3-link w3-round-xlarge" href="http://www.vlibras.gov.br/"><strong>VLibras<img src="imgs/site-ext.gif" alt="Site Externo" />:</strong></a> É um conjunto de ferramentas computacionais de código aberto, responsável por traduzir conteúdos digitais (texto, áudio e vídeo) para a Língua Brasileira de Sinais - LIBRAS, tornando computadores, dispositivos móveis e plataformas Web acessíveis para pessoas surdas</li>
  1648 +<li><a class="w3-link w3-round-xlarge" href="http://www.apple.com/br/accessibility/mac/vision/"><strong><em><span lang="en">VoiceOver<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É um leitor de telas completo integrado aos sistemas da marca <em><span lang="en">Apple</span></em> que fala o texto nos documentos e nas janelas, e descreve em voz alta o que aparece na tela.</li>
  1649 +<li><a class="w3-link w3-round-xlarge" href="http://www.w3.org/WAI/"><strong><em><span lang="en">Web Accessibility Initiative (WAI)<img src="imgs/site-ext.gif" alt="Site Externo" /></span></em></strong></a> Responsável por desenvolver estratégias, diretrizes e conteúdos que possam ajudar fazer Web acessível para pessoas com deficiências.</li>
  1650 +<li><a class="w3-link w3-round-xlarge" href="http://wave.webaim.org/"><strong><em><span lang="en">Web Accessibility Tool (WAVE)<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É uma ferramenta utilizada para avaliar acessibilidade em milhares de sítios. <em><span lang="en">WAVE</span></em> foi desenvolvido e é mantido como serviço gratuito pela <em><span lang="en">WebAIM (Web Accessibility In Mind)</span></em>.</li>
  1651 +<li><a class="w3-link w3-round-xlarge" href="http://www.w3.org/Translations/WCAG20-pt-br/"><strong><em><span lang="en">Web Content Accessibility Guidelines (WCAG)<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> São diretrizes que abrangem diversas recomendações com a finalidade de tornar o conteúdo da Web mais acessível. Seguir estas diretrizes tornará o conteúdo acessível a um maior número de pessoas com deficiência, incluindo cegueira e baixa visão, surdez e baixa audição, dificuldades de aprendizagem, limitações cognitivas, limitações de movimentos, incapacidade de fala, fotossensibilidade e combinações destas características. Seu conteúdo da Web também ficará mais acessível aos usuários em geral ao seguir estas diretrizes.</li>
  1652 +<li><a class="w3-link w3-round-xlarge" href="http://play.google.com/store/apps/details?id=com.whatsapp&hl=pt-BR"><strong><em><span lang="en">Whatsapp<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É um aplicativo gratuito para a troca de mensagens disponível para Android e outras plataformas. O aplicativo utiliza a conexão com a Internet (4G/3G/2G/EDGE ou <span lang="en">Wi-Fi</span>, conforme disponível) para enviar mensagens e fazer chamadas para seus amigos e familiares.</li>
  1653 +<li><a class="w3-link w3-round-xlarge" href="http://www.text-mp3.com/"><strong><em><span lang="en">Yeosoft Text<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É um software que pode ler 10 línguas para você enquanto ocorre navegação nas páginas web. O software tem por base o motor da <em><span lang="en">Microsoft Text-to-Speech (TTS)</span></em>, com uma voz natural parecida com a voz humana. O software permite converter texto para os padrões: <em><span lang="en">WAV, OGG, MP3, WMA</span></em>, todos relacionados a arquivos de áudio.</li>
  1654 +<li><a class="w3-link w3-round-xlarge" href="http://www.zoomtext.com/"><strong><em><span lang="en">Zoom Text<img src="imgs/site-ext.gif" alt="Site Externo" />:</span></em></strong></a> É um software leitor para pessoas com alguma limitação na visão.</li>
  1655 +</ul>
  1656 +
  1657 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  1658 +
  1659 +</section>
  1660 +</section>
  1661 +
  1662 +<section class="w3-container w3-padding-24">
  1663 +<section class="w3-bottombar w3-border-blue-dark"><h2 id="versaopdfdocumento"><span class="w3-badge w3-blue-dark">10</span> Versão PDF do Relatório Circunstanciado de Acessibilidade Digital</h2></section>
  1664 +<section class="w3-container w3-text-indent">
  1665 +
  1666 +<p>Para uma necessidade de impressão do documento, criou-se uma <a class="w3-link w3-round-xlarge" href="${pageContext.request.contextPath}/versaoPDF/documento_final_relatorio_circunstanciado_acessibilidade_digital_ano_2016.pdf">versão no formato pdf, contendo o tamanho de 2.6 MB</a></p>
  1667 +
  1668 +
  1669 +<a class="w3-link w3-round-xlarge" href="#sumario">Voltar ao sumário</a>
  1670 +
  1671 +</section>
  1672 +</section>
  1673 +
  1674 +</main>
  1675 +</section>
  1676 +<div id="footer-brasil"></div>
  1677 +<script defer="defer" src="https://barra.brasil.gov.br/barra.js" type="text/javascript"></script>
  1678 +<noscript>O script é necessário para execução correta da barra brasil presente no cabeçalho.</noscript>
  1679 +</body>
  1680 +</html>
... ...
WebContent/WEB-INF/web.xml
1   -<?xml version="1.0" encoding="UTF-8"?>
2   -<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
3   - <display-name>Formulario Acessibilidade</display-name>
4   -
5   - <filter>
6   - <filter-name>vraptor</filter-name>
7   - <filter-class>br.com.caelum.vraptor.VRaptor</filter-class>
8   - </filter>
9   -
10   - <context-param>
11   - <param-name>br.com.caelum.vraptor.encoding</param-name>
12   - <param-value>UTF-8</param-value>
13   - </context-param>
14   - <context-param>
15   - <description>Limite máximo em bytes</description>
16   - <param-name>br.com.caelum.vraptor.interceptor.multipart.UPLOAD_SIZE_LIMIT</param-name>
17   - <param-value>52428800</param-value>
18   - </context-param>
19   -
20   - <filter-mapping>
21   - <filter-name>vraptor</filter-name>
22   - <url-pattern>/*</url-pattern>
23   - <dispatcher>FORWARD</dispatcher>
24   - <dispatcher>REQUEST</dispatcher>
25   - </filter-mapping>
  1 +<?xml version="1.0" encoding="UTF-8"?>
  2 +<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  3 + <display-name>Formulario Acessibilidade</display-name>
  4 + <filter>
  5 + <filter-name>vraptor</filter-name>
  6 + <filter-class>br.com.caelum.vraptor.VRaptor</filter-class>
  7 + </filter>
  8 + <context-param>
  9 + <param-name>br.com.caelum.vraptor.encoding</param-name>
  10 + <param-value>UTF-8</param-value>
  11 + </context-param>
  12 + <context-param>
  13 + <description>Limite máximo em bytes</description>
  14 + <param-name>br.com.caelum.vraptor.interceptor.multipart.UPLOAD_SIZE_LIMIT</param-name>
  15 + <param-value>52428800</param-value>
  16 + </context-param>
  17 + <filter-mapping>
  18 + <filter-name>vraptor</filter-name>
  19 + <url-pattern>/*</url-pattern>
  20 + <dispatcher>FORWARD</dispatcher>
  21 + <dispatcher>REQUEST</dispatcher>
  22 + </filter-mapping>
26 23 </web-app>
27 24 \ No newline at end of file
... ...
WebContent/anexos/anexo-1-relacao-orgaos-informacoes-gerais-preenchimento-fad.ods 0 → 100644
No preview for this file type
WebContent/anexos/anexo-2-relacao-orgaos-informacoes-gerais-planos-trabalho.ods 0 → 100644
No preview for this file type
WebContent/anexos/anexo-3-relacao-ambientes-paginas-informados-orgaos-FAD.ods 0 → 100644
No preview for this file type
WebContent/anexos/anexo-4-relacao-respostas-subjetivas-FAD-informadas-orgaos.ods 0 → 100644
No preview for this file type
WebContent/css/barra_brasil.css 0 → 100644
... ... @@ -0,0 +1,58 @@
  1 +.barra_brasil
  2 +{
  3 + background: #7F7F7F;
  4 + height: 20px;
  5 + padding: 0 0 0 10px;
  6 + display: block;
  7 +}
  8 +
  9 + #accessibility {
  10 + padding-top: 5px;
  11 + float: none;
  12 + list-style: none;
  13 + }
  14 +
  15 +#barra-brasil {
  16 +
  17 + position: absolute;
  18 + width: 100%;
  19 + top: 0;
  20 + left: 0;
  21 + }
  22 +
  23 +#topoRelatorio {
  24 + width: 93.75%;
  25 + margin: auto;
  26 + margin-top: 30px;
  27 + padding: 0;
  28 +}
  29 +
  30 +
  31 +.barra_brasil ul
  32 +{
  33 + list-style: none;
  34 +}
  35 +
  36 +.barra_brasil li
  37 +{
  38 + display: inline;
  39 + float: left;
  40 + padding-right: 10px;
  41 + margin-right: 10px;
  42 + border-right: 1px solid #EDEDED;
  43 +
  44 +}
  45 +
  46 +.primeiro-link
  47 + {
  48 + font-family: sans, sans-serif;
  49 + text-decoration: none;
  50 + color: white;
  51 + }
  52 +
  53 + .segundo-link
  54 + {
  55 + font-family: sans, sans-serif;
  56 + text-decoration: none;
  57 + color: white;
  58 + }
0 59 \ No newline at end of file
... ...
WebContent/css/default.css
... ... @@ -2,45 +2,45 @@
2 2 TEXT-TRANSFORM: uppercase;
3 3 }
4 4  
5   -.statusFad
6   -{
  5 +.statusFad {
7 6 display: inline-block;
8 7 list-style: none;
9 8 }
10 9  
11   -.atencao{
12   - color:red;
  10 +
  11 +.atencao {
  12 + color: red;
13 13 }
14 14  
15   -body
16   -{
  15 +body {
17 16 margin: 0;
18 17 border: 0;
19 18 }
20   -p strong
21   -{
  19 +
  20 +p strong {
22 21 font-size: 14px !important;
23 22 }
24   -label strong
25   -{
  23 +
  24 +label strong {
26 25 font-size: 14px !important;
27 26 }
28   -li strong
29   -{
  27 +
  28 +li strong {
30 29 font-size: 14px !important;
31 30 }
32   -strong li
33   -{
  31 +
  32 +strong li {
34 33 font-size: 14px !important;
35 34 }
36   -strong p
37   -{
  35 +
  36 +strong p {
38 37 font-size: 14px !important;
39 38 }
40   -#botaoAnexar
41   -{
  39 +
  40 +#botaoAnexar {
42 41 margin-left: 35%;
43 42 }
  43 +
44 44 #botaoVoltar {
45 45 width: 10%;
46 46 float: left;
... ... @@ -201,7 +201,7 @@ p {
201 201 padding-bottom: 1px;
202 202 }
203 203  
204   -.layoutCampos input{
  204 +.layoutCampos input {
205 205 display: block;
206 206 float: left;
207 207 }
... ... @@ -243,6 +243,8 @@ p {
243 243 height: 20%;
244 244 }
245 245  
  246 +
  247 +
246 248 #last-item {
247 249 float: right;
248 250 }
... ... @@ -258,6 +260,7 @@ p {
258 260 margin-left: 7em;
259 261 float: left;
260 262 padding: 0;
  263 + list-style: none;
261 264 }
262 265  
263 266 #accessibility li {
... ... @@ -368,8 +371,8 @@ a {
368 371 text-decoration: none;
369 372 }
370 373  
371   -.contraste, .contraste a, .contraste header, .contraste div, .contraste footer, .contraste ul,
372   - .contraste p .contraste h2 .contraste span .contraste label .contraste input
  374 +.contraste, .contraste a, .contraste header, .contraste div, .contraste footer,
  375 + .contraste ul, .contraste p .contraste h2 .contraste span .contraste label .contraste input
373 376 {
374 377 background: #000000 !important;
375 378 color: #ffffff !important;
... ... @@ -396,9 +399,10 @@ a {
396 399 background-color: #000000;
397 400 }
398 401  
399   -.contraste a span{
400   - background-color: #000000 !important;
  402 +.contraste a span {
  403 + background-color: #000000 !important;
401 404 }
  405 +
402 406 .contraste a:hover {
403 407 text-decoration: underline !important;
404 408 }
... ... @@ -483,6 +487,7 @@ a {
483 487 padding-top: 5px;
484 488 text-align: center;
485 489 float: none;
  490 + list-style: none;
486 491 }
487 492 #portal-siteactions {
488 493 padding-top: 5px;
... ...
WebContent/css/w3-adicionais.css 0 → 100644
... ... @@ -0,0 +1,415 @@
  1 +/* W3.CSS 2.64 by Jan Egil and Borge Refsnes */
  2 +*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  3 +
  4 +/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
  5 +html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
  6 +article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
  7 +audio,canvas,video{display:inline-block;vertical-align:baseline}
  8 +audio:not([controls]){display:none;height:0}[hidden],template{display:none}
  9 +a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}
  10 +dfn{font-style:italic}mark{background:#ff0;color:#000}
  11 +small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
  12 +sup{top:-0.5em}sub{bottom:-0.25em}
  13 +img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}
  14 +hr{-moz-box-sizing:content-box;box-sizing:content-box}
  15 +code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
  16 +button,input,select,textarea{font:inherit;margin:0}
  17 +button{overflow:visible}button,select{text-transform:none}
  18 +button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
  19 +button[disabled],html input[disabled]{cursor:default}
  20 +button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
  21 +input[type=checkbox],input[type=radio]{padding:0}
  22 +input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
  23 +input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
  24 +input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
  25 +fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
  26 +legend{border:0;padding:0}pre,textarea{overflow:auto}
  27 +/* End extract from normalize.css */
  28 +
  29 +html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
  30 +h1,h2,h3,h4,h5,h6,.w3-slim,.w3-wide{font-family:"Segoe UI",Arial,sans-serif}
  31 +h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
  32 +.w3-serif{font-family:"Times New Roman",Times,serif}
  33 +h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
  34 +h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
  35 +hr{height:0;border:0;border-top:1px solid #eee;margin:20px 0}
  36 +img{margin-bottom:-5px}a{color:inherit}
  37 +table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
  38 +table,th,td{border:none}
  39 +.w3-table-all{border:1px solid #ccc}
  40 +.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}
  41 +.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
  42 +.w3-table-all tr:nth-child(odd){background-color:#fff}
  43 +.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
  44 +.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover, a:hover, a:active {background-color:#fff;border:2px solid #fff;color:#000;text-decoration:none;padding:2px 10px 2px 10px;}
  45 +a.w3-link:focus, a.w3-link:active, a.w3-link:hover {background-color:#fff;border:2px solid #fff;color:#000;text-decoration:none;padding:2px 10px 2px 10px;}
  46 +a.w3-link-two:focus, a.w3-link-two:active, a.w3-link-two:hover {background-color:#0858A6;border:2px solid #0858A6;color:#fff;text-decoration:none;padding:2px 10px 2px 10px;}
  47 +
  48 +.w3-centered tr th,.w3-centered tr td{text-align:center}
  49 +.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:6px 8px;display:table-cell;text-align:left;vertical-align:top}
  50 +.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
  51 +.w3-btn,.w3-btn-block{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
  52 +.w3-btn.w3-disabled,.w3-btn-block.w3-disabled,.w3-btn-floating.w3-disabled,.w3-btn:disabled,.w3-btn-floating:disabled,.w3-btn-floating-large.w3-disabled,.w3-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}
  53 +.w3-btn.w3-disabled *,.w3-btn-block.w3-disabled,.w3-btn-floating.w3-disabled *,.w3-btn:disabled *,.w3-btn-floating:disabled
  54 +.w3-btn.w3-disabled:hover,.w3-btn-block.w3-disabled:hover,.w3-btn:disabled:hover,.w3-btn-floating.w3-disabled:hover,.w3-btn-floating:disabled:hover,
  55 +.w3-btn-floating-large.w3-disabled:hover,.w3-btn-floating-large:disabled:hover{box-shadow:none}
  56 +.w3-btn:hover,.w3-btn-block:hover,.w3-btn-floating:hover,.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
  57 +.w3-btn-block{width:100%}
  58 +.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;}
  59 +.w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
  60 +.w3-btn-floating{width:40px;height:40px;line-height:40px}
  61 +.w3-btn-floating-large{width:56px;height:56px;line-height:56px}
  62 +.w3-btn-group .w3-btn{float:left}
  63 +.w3-ripple{position:relative;overflow:hidden}
  64 +.w3-ripple:after{content:"";background:#ccc;position:absolute;padding:300%;bottom:0;left:0;opacity:0;transition:0.8s}
  65 +.w3-ripple:active:after{padding:0;opacity:1;transition:0s}
  66 +.w3-badge,.w3-tag,.w3-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
  67 +.w3-badge{border-radius:50%}
  68 +ul.w3-ul{list-style-type:none;padding:0;margin:0}
  69 +ul.w3-ul li{padding:6px 2px 6px 16px;border-bottom:none;text-indent: 0%}
  70 +ul.w3-ul li:last-child{border-bottom:none}
  71 +ul.w3-ul-inside{padding:0;margin:0}
  72 +ul.w3-ul-inside li{padding:6px 2px 6px 6px; margin-left:10%; text-indent: 0; border-bottom:none}
  73 +ul.w3-ul-inside li:last-child{border-bottom:none}
  74 +ul.w3-ul-inside-none{list-style-type:none;padding:0;margin:0}
  75 +ul.w3-ul-inside-none li{padding:6px 2px 6px 6px; margin-left:10%; text-indent: 0; border-bottom:none}
  76 +ul.w3-ul-inside-none li:last-child{border-bottom:none}
  77 +.w3-tooltip,.w3-display-container{position:relative}
  78 +.w3-fluid{max-width:100%;height:auto}
  79 +.w3-tooltip .w3-text{display:none}
  80 +.w3-tooltip:hover .w3-text{display:inline-block}
  81 +.w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
  82 +.w3-navbar li{float:left}.w3-navbar li a{display:block;padding:8px 16px}.w3-navbar li a:hover{color:#000;background-color:#ccc}
  83 +.w3-navbar .w3-dropdown-hover,.w3-navbar .w3-dropdown-click{position:static}
  84 +.w3-navbar .w3-dropdown-hover:hover,.w3-navbar .w3-dropdown-hover:first-child,.w3-navbar .w3-dropdown-click:hover{background-color:#ccc;color:#000}
  85 +.w3-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropnav a,.w3-dropdown-content a,.w3-accordion-content a{text-decoration:none!important}
  86 +.w3-navbar .w3-opennav.w3-right{float:right!important}.w3-topnav{padding:8px 8px}
  87 +.w3-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .3s;transition:border-bottom .3s}
  88 +.w3-topnav a:hover{border-bottom:3px solid #fff}.w3-topnav .w3-dropdown-hover a{border-bottom:0}
  89 +.w3-opennav,.w3-closenav{color:inherit}.w3-opennav:hover,.w3-closenav:hover{cursor:pointer;opacity:0.8}
  90 +.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-btn-block,.w3-hover-shadow,.w3-hover-opacity,
  91 +.w3-navbar a,.w3-sidenav a,.w3-dropnav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li,.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,
  92 +.w3-hover-amber,.w3-hover-aqua,.w3-hover-blue,.w3-hover-light-blue,.w3-hover-brown,.w3-hover-cyan,.w3-hover-blue-grey,.w3-hover-green,.w3-hover-light-green,.w3-hover-indigo,.w3-hover-khaki,.w3-hover-lime,.w3-hover-orange,.w3-hover-deep-orange,.w3-hover-pink,
  93 +.w3-hover-purple,.w3-hover-deep-purple,.w3-hover-red,.w3-hover-sand,.w3-hover-teal,.w3-hover-yellow,.w3-hover-white,.w3-hover-black,.w3-hover-grey,.w3-hover-light-grey,.w3-hover-dark-grey,.w3-hover-text-amber,.w3-hover-text-aqua,.w3-hover-text-blue,.w3-hover-text-light-blue,
  94 +.w3-hover-text-brown,.w3-hover-text-cyan,.w3-hover-text-blue-grey,.w3-hover-text-green,.w3-hover-text-light-green,.w3-hover-text-indigo,.w3-hover-text-khaki,.w3-hover-text-lime,.w3-hover-text-orange,.w3-hover-text-deep-orange,.w3-hover-text-pink,.w3-hover-text-purple,
  95 +.w3-hover-text-deep-purple,.w3-hover-text-red,.w3-hover-text-sand,.w3-hover-text-teal,.w3-hover-text-yellow,.w3-hover-text-white,.w3-hover-text-black,.w3-hover-text-grey,.w3-hover-text-light-grey,.w3-hover-text-dark-grey
  96 +{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
  97 +.w3-sidenav{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
  98 +.w3-sidenav a{padding:4px 2px 4px 16px}.w3-sidenav a:hover{background-color:#ccc}.w3-sidenav a,.w3-dropnav a{display:block}
  99 +.w3-sidenav .w3-dropdown-hover:hover,.w3-sidenav .w3-dropdown-hover:first-child,.w3-sidenav .w3-dropdown-click:hover{background-color:#ccc;color:#000}
  100 +.w3-sidenav .w3-dropdown-hover,.w3-sidenav .w3-dropdown-click {width:100%}.w3-sidenav .w3-dropdown-hover .w3-dropdown-content,.w3-sidenav .w3-dropdown-click .w3-dropdown-content{min-width:100%}
  101 +.w3-main,#main{transition:margin-left .4s}
  102 +.w3-dropnav{background-color:#fff}.w3-dropnav a:hover{text-decoration:underline!important}
  103 +.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
  104 +.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
  105 +.w3-closebtn:hover,.w3-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}
  106 +.w3-pagination{display:inline-block;padding:0;margin:0}.w3-pagination li{display:inline}
  107 +.w3-pagination li a{text-decoration:none;color:#000;float:left;padding:8px 16px}
  108 +.w3-pagination li a:hover,.w3-pagination li a:focus{background-color:#ccc}
  109 +.w3-input-group,.w3-group{margin-top:24px;margin-bottom:24px}
  110 +.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%}
  111 +.w3-label{color:#009688}.w3-validate{color:#f44336}
  112 +.w3-select{padding:8px 0;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688}
  113 +.w3-select select:focus{color:#000;border:1px solid #009688}.w3-select option[disabled]{color:#009688}
  114 +.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
  115 +.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
  116 +.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
  117 +.w3-dropdown-content a{padding:6px 16px;display:block}
  118 +.w3-dropdown-content a:hover{background-color:#ccc}
  119 +.w3-accordion {width:100%;cursor:pointer}
  120 +.w3-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
  121 +.w3-accordion-content a{padding:6px 16px;display:block}.w3-accordion-content a:hover{background-color:#ccc}
  122 +.w3-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1}
  123 +.w3-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit}
  124 +input[type=checkbox].w3-check,input[type=radio].w3-radio{width:24px;height:24px;position:relative;top:6px}
  125 +input[type=checkbox].w3-check:checked+.w3-validate,input[type=radio].w3-radio:checked+.w3-validate{color:#009688}
  126 +input[type=checkbox].w3-check:disabled+.w3-validate,input[type=radio].w3-radio:disabled+.w3-validate{color:#aaa}
  127 +.w3-responsive{overflow-x:auto}
  128 +.w3-container:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after
  129 +{content:"";display:table;clear:both}
  130 +.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
  131 +.w3-col.s1{width:8.33333%}
  132 +.w3-col.s2{width:16.66666%}
  133 +.w3-col.s3{width:24.99999%}
  134 +.w3-col.s4{width:33.33333%}
  135 +.w3-col.s5{width:41.66666%}
  136 +.w3-col.s6{width:49.99999%}
  137 +.w3-col.s7{width:58.33333%}
  138 +.w3-col.s8{width:66.66666%}
  139 +.w3-col.s9{width:74.99999%}
  140 +.w3-col.s10{width:83.33333%}
  141 +.w3-col.s11{width:91.66666%}
  142 +.w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{width:99.99999%}
  143 +@media only screen and (min-width:601px){
  144 +.w3-col.m1{width:8.33333%}
  145 +.w3-col.m2{width:16.66666%}
  146 +.w3-col.m3,.w3-quarter{width:24.99999%}
  147 +.w3-col.m4,.w3-third{width:33.33333%}
  148 +.w3-col.m5{width:41.66666%}
  149 +.w3-col.m6,.w3-half{width:49.99999%}
  150 +.w3-col.m7{width:58.33333%}
  151 +.w3-col.m8,.w3-twothird{width:66.66666%}
  152 +.w3-col.m9,.w3-threequarter{width:74.99999%}
  153 +.w3-col.m10{width:83.33333%}
  154 +.w3-col.m11{width:91.66666%}
  155 +.w3-col.m12{width:99.99999%}}
  156 +@media only screen and (min-width:993px){
  157 +.w3-col.l1{width:8.33333%}
  158 +.w3-col.l2{width:16.66666%}
  159 +.w3-col.l3,.w3-quarter{width:24.99999%}
  160 +.w3-col.l4,.w3-third{width:33.33333%}
  161 +.w3-col.l5{width:41.66666%}
  162 +.w3-col.l6,.w3-half{width:49.99999%}
  163 +.w3-col.l7{width:58.33333%}
  164 +.w3-col.l8,.w3-twothird{width:66.66666%}
  165 +.w3-col.l9,.w3-threequarter{width:74.99999%}
  166 +.w3-col.l10{width:83.33333%}
  167 +.w3-col.l11{width:91.66666%}
  168 +.w3-col.l12{width:99.99999%}}
  169 +.w3-content{max-width:980px;margin:auto}
  170 +.w3-rest{overflow:hidden}
  171 +.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
  172 +@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}}
  173 +@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
  174 +@media (min-width:993px){.w3-modal-content{width:900px}}
  175 +@media screen and (max-width:600px){.w3-topnav a{display:block}.w3-navbar li:not(.w3-opennav){float:none;width:100%!important}.w3-navbar li.w3-right{float:none!important}}
  176 +@media screen and (max-width:600px){.w3-topnav .w3-dropdown-hover .w3-dropdown-content,.w3-navbar .w3-dropdown-click .w3-dropdown-content,.w3-navbar .w3-dropdown-hover .w3-dropdown-content{position:relative}}
  177 +@media screen and (max-width:600px){.w3-topnav,.w3-navbar{text-align:center}}
  178 +@media (max-width:600px){.w3-hide-small{display:none!important}}
  179 +@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
  180 +@media (min-width:993px){.w3-hide-large{display:none!important}}
  181 +@media screen and (max-width:992px){.w3-sidenav.w3-collapse{display:none}.w3-main{margin-left:0!important}}
  182 +@media screen and (min-width:992px){.w3-sidenav.w3-collapse{display:block!important}}
  183 +.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
  184 +.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
  185 +.w3-left{float:left!important}.w3-right{float:right!important}
  186 +.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}
  187 +.w3-medium{font-size:15px!important}
  188 +.w3-large{font-size:18px!important}
  189 +.w3-xlarge{font-size:24px!important}
  190 +.w3-xxlarge{font-size:36px!important}
  191 +.w3-xxxlarge{font-size:48px!important}
  192 +.w3-jumbo{font-size:64px!important}
  193 +.w3-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
  194 +.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}
  195 +.w3-justify{text-align:justify!important}
  196 +.w3-center{text-align:center!important}
  197 +.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
  198 +.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
  199 +.w3-display-middle{position:absolute;left:0;bottom:50%;width:100%;text-align:center}
  200 +.w3-display-topmiddle{position:absolute;left:0;top:0;width:100%;text-align:center}.w3-display-bottommiddle{position:absolute;left:0;bottom:0;width:100%;text-align:center}
  201 +.w3-circle{border-radius:50%!important}
  202 +.w3-round-small{border-radius:2px!important}.w3-round,.w3-round-medium{border-radius:4px!important}
  203 +.w3-round-large{border-radius:8px!important}.w3-round-xlarge{border-radius:16px!important}
  204 +.w3-round-xxlarge{border-radius:32px!important}.w3-round-jumbo{border-radius:64px!important}
  205 +.w3-image-rez {max-width:90%}
  206 +.w3-border-0{border:0!important}
  207 +.w3-border{border:1px solid #ccc!important}
  208 +.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
  209 +.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
  210 +.w3-margin{margin:16px!important}.w3-margin-0{margin:0!important}
  211 +.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
  212 +.w3-margin-top-16{margin-top:16px!important}.w3-margin-bottom{margin-bottom:0px!important}
  213 +.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
  214 +.w3-section{margin-top:16px!important;margin-bottom:16px!important}
  215 +.w3-padding-tiny{padding:2px 4px!important}
  216 +.w3-padding-small{padding:4px 8px!important}
  217 +.w3-padding-medium,.w3-padding,.w3-form{padding:8px 16px!important}
  218 +.w3-padding-large{padding:12px 24px!important}
  219 +.w3-padding-xlarge{padding:16px 32px!important}
  220 +.w3-padding-xxlarge{padding:24px 48px!important}
  221 +.w3-padding-jumbo{padding:32px 64px!important}
  222 +.w3-padding-4,.w3-padding-hor-4{padding-top:4px!important;padding-bottom:4px!important}
  223 +.w3-padding-8,.w3-padding-hor-8{padding-top:8px!important;padding-bottom:8px!important}
  224 +.w3-padding-12,.w3-padding-hor-12{padding-top:12px!important;padding-bottom:12px!important}
  225 +.w3-padding-16,.w3-padding-hor-16{padding-top:16px!important;padding-bottom:16px!important}
  226 +.w3-padding-24,.w3-padding-hor-24{padding-top:24px!important;padding-bottom:24px!important}
  227 +.w3-padding-32,.w3-padding-hor-32{padding-top:32px!important;padding-bottom:32px!important}
  228 +.w3-padding-48,.w3-padding-hor-48{padding-top:48px!important;padding-bottom:48px!important}
  229 +.w3-padding-64,.w3-padding-hor-64{padding-top:64px!important;padding-bottom:64px!important}
  230 +.w3-padding-128,.w3-padding-hor-128{padding-top:128px!important;padding-bottom:128px!important}
  231 +.w3-padding-0{padding:0!important}
  232 +.w3-padding-top-4,.w3-padding-hor-top-4{padding-top:4px!important}
  233 +.w3-padding-top-8,.w3-padding-hor-top-8{padding-top:8px!important}
  234 +.w3-padding-top-12,.w3-padding-hor-top-12{padding-top:12px!important}
  235 +.w3-padding-top-16,.w3-padding-hor-top-16{padding-top:16px!important}
  236 +.w3-padding-top-24,.w3-padding-hor-top-24{padding-top:24px!important}
  237 +.w3-padding-top-32,.w3-padding-hor-top-32{padding-top:32px!important}
  238 +.w3-padding-top-48,.w3-padding-hor-top-48{padding-top:48px!important}
  239 +.w3-padding-top-64,.w3-padding-hor-top-64{padding-top:64px!important}
  240 +.w3-padding-top-128,.w3-padding-hor-top-128{padding-top:128px!important}
  241 +.w3-text-indent{text-indent: 5%;}
  242 +/* Will be removed in a later version */
  243 +.w3-padding-ver-4{padding-left:4px!important;padding-right:4px!important}
  244 +.w3-padding-ver-8{padding-left:8px!important;padding-right:8px!important}
  245 +.w3-padding-ver-12{padding-left:12px!important;padding-right:12px!important}
  246 +.w3-padding-ver-16{padding-left:16px!important;padding-right:16px!important}
  247 +.w3-padding-ver-24{padding-left:24px!important;padding-right:24px!important}
  248 +.w3-padding-ver-32{padding-left:32px!important;padding-right:32px!important}
  249 +.w3-padding-ver-48{padding-left:48px!important;padding-right:48px!important}
  250 +.w3-padding-ver-64{padding-left:64px!important;padding-right:64px!important}
  251 +/* End remove */
  252 +.w3-padding-top{padding-top:8px!important}.w3-padding-bottom{padding-bottom:8px!important}
  253 +.w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important}
  254 +.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
  255 +.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
  256 +.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
  257 +.w3-spin{animation:w3-spin 2s infinite linear;-webkit-animation:w3-spin 2s infinite linear}
  258 +@keyframes w3-spin{
  259 +0%{-webkit-transform:rotate(0deg);transform: rotate(0deg)}}
  260 +.w3-container{padding:0.01em 16px}
  261 +.w3-example{background-color:#f1f1f1;padding:0.01em 16px}
  262 +.w3-code{font-family:Consolas,"courier new";font-size:16px;line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #009688;word-wrap:break-word}
  263 +.w3-example,.w3-code,.w3-reference{margin:20px 0}
  264 +.w3-card{border:1px solid #ccc}
  265 +.w3-card-2,.w3-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
  266 +.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
  267 +.w3-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
  268 +.w3-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important}
  269 +.w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
  270 +.w3-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important}
  271 +.w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
  272 +@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
  273 +.w3-animate-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
  274 +@keyframes opac{from{opacity:0} to{opacity:1}}
  275 +.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
  276 +@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
  277 +.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
  278 +@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
  279 +.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
  280 +@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
  281 +.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
  282 +@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
  283 +.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
  284 +
  285 +@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
  286 +.w3-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
  287 +.w3-transparent{background-color:transparent!important}
  288 +.w3-hover-none:hover{box-shadow:none!important;background-color:transparent!important}
  289 +.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
  290 +.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
  291 +.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
  292 +.w3-blue-dark,.w3-hover-blue-dark:hover{color:#fff!important;background-color:#0858A6!important}
  293 +.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
  294 +.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
  295 +.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
  296 +.w3-blue-grey,.w3-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
  297 +.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
  298 +.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
  299 +.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
  300 +.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
  301 +.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
  302 +.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
  303 +.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
  304 +.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
  305 +.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
  306 +.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
  307 +.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
  308 +.w3-greenery,.w3-hover-greenery:hover{color:#92B558!important;background-color:#92B558!important}
  309 +.w3-neutral-gray,.w3-hover-neutral-gray:hover{color:#898E8C!important;background-color:#898E8C!important}
  310 +.w3-flame,.w3-hover-flame:hover{color:#F2552C!important;background-color:#F2552C!important}
  311 +.w3-marina,.w3-hover-marina:hover{color:#578CA9!important;background-color:#578CA9!important}
  312 +.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
  313 +.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
  314 +.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
  315 +.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
  316 +.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
  317 +.w3-grey,.w3-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
  318 +.w3-light-grey,.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
  319 +.w3-dark-grey,.w3-hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
  320 +.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffe7e7!important}.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#e7ffe7!important}
  321 +.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffd7!important}.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#e7ffff!important}
  322 +.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
  323 +.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
  324 +.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
  325 +.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
  326 +.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
  327 +.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
  328 +.w3-text-blue-grey,.w3-hover-text-blue-grey:hover{color:#607d8b!important}
  329 +.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
  330 +.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
  331 +.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
  332 +.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
  333 +.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
  334 +.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
  335 +.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
  336 +.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
  337 +.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
  338 +.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
  339 +.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
  340 +.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
  341 +.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
  342 +.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
  343 +.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
  344 +.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
  345 +.w3-text-grey,.w3-hover-text-grey:hover{color:#757575!important}
  346 +.w3-text-light-grey,.w3-hover-text-light-grey:hover{color:#f1f1f1!important}
  347 +.w3-text-dark-grey,.w3-hover-text-dark-grey:hover{color:#3a3a3a!important}
  348 +.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
  349 +.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
  350 +.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
  351 +.w3-border-blue-dark,.w3-hover-border-blue-dark:hover{border-color:#0858A6!important}
  352 +.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
  353 +.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
  354 +.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
  355 +.w3-border-blue-grey,.w3-hover-blue-grey:hover{border-color:#607d8b!important}
  356 +.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
  357 +.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
  358 +.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
  359 +.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
  360 +.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
  361 +.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
  362 +.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
  363 +.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
  364 +.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
  365 +.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
  366 +.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
  367 +.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
  368 +.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
  369 +.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
  370 +.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
  371 +.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
  372 +.w3-border-grey,.w3-hover-border-grey:hover{border-color:#9e9e9e!important}
  373 +.w3-border-light-grey,.w3-hover-border-light-grey:hover{border-color:#f1f1f1!important}
  374 +.w3-border-dark-grey,.w3-hover-border-dark-grey:hover{border-color:#616161!important}
  375 +.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
  376 +.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffd7!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
  377 +.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}
  378 +.w3-text-shadow{text-shadow:1px 1px 0 #444}.w3-text-shadow-white{text-shadow:1px 1px 0 #ddd}
  379 +
  380 +#footer-brasil {
  381 + background: none repeat scroll 0% 0% #0042b1;
  382 + padding: 1em 0px;
  383 + max-width: 100%;
  384 +}
  385 +
  386 +#barra-brasil {
  387 + background:#7F7F7F;
  388 + height: 20px;
  389 + padding:0 0 0 10px;
  390 + display:block;
  391 +
  392 +}
  393 +
  394 +#menu-barra-temp {
  395 + list-style:none;
  396 +}
  397 +
  398 +#menu-primeiro-item-lista {
  399 + display:inline;
  400 + float:left;padding-right:10px;
  401 + margin-right:10px;
  402 + border-right:1px solid #EDEDED;
  403 +}
  404 +
  405 +#menu-link-primeiro-item-lista {
  406 + font-family:sans,sans-serif;
  407 + text-decoration:none;
  408 + color:white;
  409 +}
  410 +
  411 +#menu-link-segundo-item-lista {
  412 + font-family:sans,sans-serif;
  413 + text-decoration:none;
  414 + color:white;
  415 +}
0 416 \ No newline at end of file
... ...
WebContent/imgs/fluxo-destacado-envio-relatorio-circunstanciado.jpg 0 → 100644

48.5 KB

WebContent/imgs/fluxo-inicial-fad.jpg 0 → 100644

44.7 KB

WebContent/versaoPDF/documento_final_relatorio_circunstanciado_acessibilidade_digital_ano_2016.pdf 0 → 100644
No preview for this file type
src/br/com/controller/PlanoTrabalhoController.java
... ... @@ -63,7 +63,7 @@ public class PlanoTrabalhoController extends DefaultMultipartConfig {
63 63 Validacao validacao = new Validacao();
64 64 validacao.setCampo("valorHash");
65 65 validacao
66   - .setMensagem("ATENススO: Vocス precisa estar logado para anexar os documentos.");
  66 + .setMensagem("ATENテグ: Vocテェ precisa estar logado para anexar os documentos.");
67 67  
68 68 mensagemValidacaoCampos.add(validacao);
69 69  
... ... @@ -76,7 +76,7 @@ public class PlanoTrabalhoController extends DefaultMultipartConfig {
76 76 Validacao validacao = new Validacao();
77 77 validacao.setCampo("valorHash");
78 78 validacao
79   - .setMensagem("ATENススO: ス preciso responder o FAD antes de anexar os arquivos.");
  79 + .setMensagem("ATENテO: テゥ preciso responder o FAD antes de anexar os arquivos.");
80 80  
81 81 mensagemValidacaoCampos.add(validacao);
82 82  
... ... @@ -157,7 +157,7 @@ public class PlanoTrabalhoController extends DefaultMultipartConfig {
157 157 mensagemPlano = "Plano de trabalho anexado com sucesso!";
158 158 statusPlano = true;
159 159 } else {
160   - mensagemPlano = "Nスo foi possスvel anexar o plano de trabalho!";
  160 + mensagemPlano = "Nテ」o foi possテュvel anexar o plano de trabalho!";
161 161 }
162 162 } else {
163 163 if (planoTrabalhoDao.atualizarPlanoTrabalho(path,
... ... @@ -168,12 +168,12 @@ public class PlanoTrabalhoController extends DefaultMultipartConfig {
168 168 mensagemPlano = "Plano de trabalho anexado com sucesso!";
169 169 statusPlano = true;
170 170 } else {
171   - mensagemPlano = "Nスo foi possスvel anexar o plano de trabalho!";
  171 + mensagemPlano = "Nテ」o foi possテュvel anexar o plano de trabalho!";
172 172 }
173 173 }
174 174  
175 175 } else {
176   - mensagemPlano = "Favor verificar o Cdigo de Acesso!";
  176 + mensagemPlano = "Favor verificar o Cテウdigo de Acesso!";
177 177 }
178 178  
179 179 }
... ...
src/br/com/controller/relatorioController.java
1 1 package br.com.controller;
2 2  
3 3 import java.io.File;
  4 +import java.io.FileOutputStream;
4 5 import java.io.InputStream;
  6 +import java.net.URL;
5 7 import java.util.ArrayList;
6 8 import java.util.List;
7 9  
8   -import javax.activation.DataHandler;
9   -import javax.activation.FileDataSource;
10 10 import javax.servlet.ServletContext;
11 11  
12   -import org.apache.commons.fileupload.FileUpload;
13   -
14 12 import br.com.caelum.vraptor.Get;
15 13 import br.com.caelum.vraptor.Path;
  14 +import br.com.caelum.vraptor.Post;
16 15 import br.com.caelum.vraptor.Resource;
17 16 import br.com.caelum.vraptor.Result;
18 17 import br.com.caelum.vraptor.Validator;
19   -import br.com.caelum.vraptor.interceptor.multipart.UploadedFile;
20   -import br.com.caelum.vraptor.ioc.spring.VRaptorRequestHolder;
  18 +import br.com.caelum.vraptor.interceptor.download.Download;
  19 +import br.com.caelum.vraptor.interceptor.download.FileDownload;
21 20 import br.com.caelum.vraptor.validator.ValidationMessage;
22 21 import br.com.dao.HashDao;
23   -import br.com.dao.PlanoTrabalhoDao;
24   -import br.com.dao.QuestionarioDao;
25 22 import br.com.dao.RespostaQuestionarioDao;
26 23 import br.com.model.entity.AmostragemSiteQuestionario;
27   -import br.com.model.entity.EnvioEmailSemAutenticacao;
28   -import br.com.model.entity.PlanoTrabalho;
29 24 import br.com.model.entity.Questionario;
30 25 import br.com.model.entity.RespostaQuestionario;
31   -import br.com.model.utilities.Email;
32 26 import br.com.util.Validacao;
33 27  
34 28 @Resource
... ... @@ -90,6 +84,23 @@ public class relatorioController {
90 84 gerarRelatorio(Integer.parseInt(id));
91 85 }
92 86 }
  87 +
  88 + @Get("/relatorio-final")
  89 + public void relatorioFinal() {
  90 +
  91 + }
  92 +
  93 +
  94 + @Get("/download")
  95 + public Download download(String id) {
  96 +
  97 + String caminho = this.application.getRealPath("") + "/anexos/" + id;
  98 + File file = new File(caminho);
  99 + String contentType = "application/vnd.oasis.opendocument.spreadsheet";
  100 + String filename = id + ".ods";
  101 +
  102 + return new FileDownload(file, contentType, filename);
  103 + }
93 104  
94 105 private void gerarRelatorio(int idQuestionario) {
95 106 Questionario questionario = new Questionario(path, idQuestionario);
... ...