Commit d49892ddaa6252169df8c3691b8a0a15822a607a

Authored by Fabricio Jamati
1 parent e64ad00c
Exists in master

Alteração na pergunta 16

WebContent/WEB-INF/jsp/acessibilidade/acessibilidade.jsp
... ... @@ -10,9 +10,9 @@
10 10 <span>Você está em:</span>
11 11 </li>
12 12 <li>
13   - <a href="${pageContext.request.contextPath}" id="bcFormulario">Formulário Acessibilidade</a>
  13 + <a href="${pageContext.request.contextPath}/" id="bcFormulario">Página Inicial </a>
14 14 </li>
15   - <li>| Acessibilidade</li>
  15 + <li>| Acessibilidade</li>
16 16 </ul>
17 17 </div>
18 18  
... ...
WebContent/WEB-INF/jsp/contato/contato.jsp
... ... @@ -11,8 +11,8 @@
11 11 <span>Você está em:</span>
12 12 </li>
13 13 <li>
14   - <a href="${pageContext.request.contextPath}" id="bcFormulario">Formulário Acessibilidade</a></li>
15   - <li>| Contato</li>
  14 + <a href="${pageContext.request.contextPath}/" id="bcFormulario"> Página Inicial </a></li>
  15 + <li>| Contato</li>
16 16 </ul>
17 17 </div>
18 18  
... ...
WebContent/WEB-INF/jsp/formularioOrgao/formularioOrgao.jsp
... ... @@ -5,32 +5,32 @@
5 5  
6 6 <t:baseLayout>
7 7 <jsp:body>
8   - <div>
9   - <c:if test="${not empty mensagemValidacaoCamposOrgao}">
  8 +
  9 + <div>
  10 + <c:if test="${not empty mensagemValidacaoCamposOrgao}">
10 11 <c:forEach items="${mensagemValidacaoCamposOrgao}" var="error">
11 12 <div class="alinName"><a id="mensagemErroCampoVazio_${error.campo}" href="#${error.campo}">${error.mensagem}</a></div>
12   - <br />
  13 + <br/>
13 14 </c:forEach>
14   - </c:if>
15   - </div>
16   - <h2 class="titulo">Formulário Circunstanciado de Acessibilidade Digital</h2>
17   - <p>Este formulário visa padronizar o fornecimento de informações para a elaboração de relatórios circunstanciados
18   - de acessibilidade no que tange aos sítios, portais, sistemas e serviços mantidos na internet pelos órgãos
19   - de governo pertencentes à Administração Pública Federal, principalmente àqueles que compõem o Sistema de Administração de Recursos de Tecnologia da Informação (SISP).</p>
20   -
21   - <p>De acordo com a <a href="http://www.planalto.gov.br/ccivil_03/_Ato2015-2018/2015/Lei/L13146.htm#art120">Lei 13.146/2015, em seu artigo 120 (link para um novo sítio)</a>, cabe aos órgãos competentes a elaboração de relatórios circunstanciados sobre o cumprimento dos prazos estabelecidos por força da Lei 10.048/2000 e da Lei 10.098/2000, bem como do seu encaminhamento ao Ministério Público e aos órgãos de regulação para adoção das providências cabíveis. Desta forma,
22   - o <a href="http://www.planalto.gov.br/ccivil_03/_ato2004-2006/2004/decreto/d5296.htm">Decreto 5.296/2004 (link para um novo sítio)</a>, que regula tais leis, estabelece em seu artigo 47 que no prazo de até doze meses, a contar da
23   - data de sua publicação, será obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na <span lang="en">internet</span>, para o uso das pessoas com necessidades especiais.</p>
  15 + </c:if>
  16 + </div>
24 17  
25   - <p>Neste contexto, a Secretaria de Tecnologia de Informação (STI) do Ministério do Planejamento, Desenvolvimento e Gestão (MPDG) disponibiliza esta ferramenta para simplificação e padronização das informações prestadas e oferece
26   - funcionalidade para impressão do relatório circunstanciado para envio aos órgãos competentes. Ao clicar no botão "Confirmar" será emitido um relatório em formato pdf que deverá ser mantido salvo no computador.</p>
27   -
28   - <p>Sugere-se como metodologia de preenchimento deste questionário, que o órgão/entidade elenque uma amostra de 3 a 5 ambientes
29   - digitais (sítios, portais, sistemas e serviços), incluído o sítio institucional, e eleja 4 páginas de cada ambiente
30   - (principal, formulário contato, secundária e serviço) para a submissão das respostas. Observando que a amostra sugerida não
31   - desobriga a acessibilidade dos demais ambientes na totalidade de suas páginas.</p>
32   -
33   - <p><strong>Observação: Órgão neste formulário esta em sentido amplo, podendo abranger Ministério, Entidade, Autarquia, Instituição e etc.</strong></p>
  18 + <div class="funcionalidades">
  19 + <ul class="breadcrumb">
  20 + <li>
  21 + <span>Você está em:</span>
  22 + </li>
  23 +
  24 + <li>
  25 + <a href="${pageContext.request.contextPath}/login"> Página Inicial </a>
  26 + </li>
  27 +
  28 + <li>| Dados Institucionais</li>
  29 +
  30 + </ul>
  31 + </div>
  32 +
  33 +
34 34  
35 35 <form id="formulario" method="post" action="${pageContext.request.contextPath}/formulario">
36 36  
... ... @@ -52,47 +52,50 @@
52 52 <input type="hidden" name="hEmail" value="5" /><input type="text" name="email" id="email" size="50" maxlength="50" value="${email}">
53 53 </fieldset><br>
54 54  
55   - <fieldset id="ambiente" class="pergunta">
56   - <legend>Informe abaixo sítios, portais, sistemas ou serviços e suas respectivas sub-páginas que serão utilizados como diretrizes para este formulário:<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="obrigatório"/><br><br>
57   - <strong>Exemplo</strong><br>
58   - <strong>Ambiente Digital:</strong><br>
59   - 1 - http://www.planejamento.gov.br<br>
60   - <strong>Páginas (sub-páginas do ambiente digital):</strong><br>
61   - 1.1 - http://www.planejamento.gov.br/servicos/pagina-de-contatos<br>
62   - 1.2 - http://www.planejamento.gov.br/acessibilidade<br>
63   - 1.3 - http://www.planejamento.gov.br/imprensa/noticias/ultimas-noticias<br>
64   - 1.4 - http://www.planejamento.gov.br/etica/
65   - </legend><br>
66   - <label for="ambiente1">Ambiente Digital 1: </label><input type="hidden" name=hAmbiente1 value=""><input type="text" name="ambiente1" id="ambiente1" size="50" maxlength="100"><br><br>
67   - <label for="pagina11">Página 1.1:</label><input type="hidden" name=hPagina11 value=""><input type="text" name="pagina11" id="pagina11" size="50" maxlength="100"><br><br>
68   - <label for="pagina12">Página 1.2:</label><input type="hidden" name=hPagina12 value=""><input type="text" name="pagina12" id="pagina12" size="50" maxlength="100"><br><br>
69   - <label for="pagina13">Página 1.3:</label><input type="hidden" name=hPagina13 value=""><input type="text" name="pagina13" id="pagina13" size="50" maxlength="100"><br><br>
70   - <label for="pagina14">Página 1.4:</label><input type="hidden" name=hPagina14 value=""><input type="text" name="pagina14" id="pagina14" size="50" maxlength="100"><br><br><br>
71   -
72   - <label for="ambiente2">Ambiente Digital 2: </label><input type="hidden" name=hAmbiente2 value=""><input type="text" name="ambiente2" id="ambiente2" size="50" maxlength="100"><br><br>
73   - <label for="pagina21">Página 2.1:</label><input type="hidden" name=hPagina21 value=""><input type="text" name="pagina21" id="pagina21" size="50" maxlength="100"><br><br>
74   - <label for="pagina22">Página 2.2:</label><input type="hidden" name=hPagina22 value=""><input type="text" name="pagina22" id="pagina22" size="50" maxlength="100"><br><br>
75   - <label for="pagina23">Página 2.3:</label><input type="hidden" name=hPagina23 value=""><input type="text" name="pagina23" id="pagina23" size="50" maxlength="100"><br><br>
76   - <label for="pagina24">Página 2.4:</label><input type="hidden" name=hPagina24 value=""><input type="text" name="pagina24" id="pagina24" size="50" maxlength="100"><br><br><br>
  55 + <fieldset id="ambiente">
  56 + <legend id="lAmbiente">Ambientes e Páginas</legend>
  57 + <fieldset class="pergunta">
  58 + <legend>Informe abaixo o Ambiente Digital (sítio ou portal) e suas respectivas páginas (contato, serviço, perguntas frequentes e outra) que serão utilizadas como diretrizes para este formulário:<br><br>
  59 + <strong>Exemplo</strong><br>
  60 + <strong>Ambiente Digital:</strong><br>
  61 + 1 - http://www.planejamento.gov.br<br>
  62 + <strong>Páginas do ambiente digital:</strong><br>
  63 + 1.1 (contato) - http://www.planejamento.gov.br/servicos/pagina-de-contatos<br>
  64 + 1.2 (serviço) - http://www.planejamento.gov.br/servicos/servicos-do-mp<br>
  65 + 1.3 (perguntas frequentes) - http://www.planejamento.gov.br/servicos/faq<br>
  66 + 1.4 (outra) - http://www.planejamento.gov.br/etica/<br>
  67 + </legend><br>
  68 + <label for="ambiente1">Ambiente Digital 1:<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="campo obrigatório" /></label><input type="hidden" name=hAmbiente1 value="hAmbiente1"><input type="text" name="ambiente1" id="ambiente1" size="50" maxlength="100"><br><br>
  69 + <label for="pagina11">Página 1.1:<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="campo obrigatório" /></label><input type="hidden" name=hPagina11 value="hPagina11"><input type="text" name="pagina11" id="pagina11" size="50" maxlength="100"><br><br>
  70 + <label for="pagina12">Página 1.2:<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="campo obrigatório" /></label><input type="hidden" name=hPagina12 value="hPagina12"><input type="text" name="pagina12" id="pagina12" size="50" maxlength="100"><br><br>
  71 + <label for="pagina13">Página 1.3:<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="campo obrigatório" /></label><input type="hidden" name=hPagina13 value="hPagina13"><input type="text" name="pagina13" id="pagina13" size="50" maxlength="100"><br><br>
  72 + <label for="pagina14">Página 1.4:<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="campo obrigatório" /></label><input type="hidden" name=hPagina14 value="hPagina14"><input type="text" name="pagina14" id="pagina14" size="50" maxlength="100"><br><br><br>
  73 +
  74 + <label for="ambiente2">Ambiente Digital 2: </label><input type="hidden" name=hAmbiente2 value="hAmbiente2"><input type="text" name="ambiente2" id="ambiente2" size="50" maxlength="100"><br><br>
  75 + <label for="pagina21">Página 2.1:</label><input type="hidden" name=hPagina21 value="hPagina21"><input type="text" name="pagina21" id="pagina21" size="50" maxlength="100"><br><br>
  76 + <label for="pagina22">Página 2.2:</label><input type="hidden" name=hPagina22 value="hPagina22"><input type="text" name="pagina22" id="pagina22" size="50" maxlength="100"><br><br>
  77 + <label for="pagina23">Página 2.3:</label><input type="hidden" name=hPagina23 value="hPagina23"><input type="text" name="pagina23" id="pagina23" size="50" maxlength="100"><br><br>
  78 + <label for="pagina24">Página 2.4:</label><input type="hidden" name=hPagina24 value="hPagina24"><input type="text" name="pagina24" id="pagina24" size="50" maxlength="100"><br><br><br>
77 79  
78   - <label for="ambiente3">Ambiente Digital 3: </label><input type="hidden" name=hAmbiente3 value=""><input type="text" name="ambiente3" id="ambiente3" size="50" maxlength="100"><br><br>
79   - <label for="pagina31">Página 3.1:</label><input type="hidden" name=hPagina31 value=""><input type="text" name="pagina31" id="pagina31" size="50" maxlength="100"><br><br>
80   - <label for="pagina32">Página 3.2:</label><input type="hidden" name=hPagina32 value=""><input type="text" name="pagina32" id="pagina32" size="50" maxlength="100"><br><br>
81   - <label for="pagina33">Página 3.3:</label><input type="hidden" name=hPagina33 value=""><input type="text" name="pagina33" id="pagina33" size="50" maxlength="100"><br><br>
82   - <label for="pagina34">Página 3.4:</label><input type="hidden" name=hPagina34 value=""><input type="text" name="pagina34" id="pagina34" size="50" maxlength="100"><br><br><br>
  80 + <label for="ambiente3">Ambiente Digital 3: </label><input type="hidden" name=hAmbiente3 value="hAmbiente3"><input type="text" name="ambiente3" id="ambiente3" size="50" maxlength="100"><br><br>
  81 + <label for="pagina31">Página 3.1:</label><input type="hidden" name=hPagina31 value="hPagina31"><input type="text" name="pagina31" id="pagina31" size="50" maxlength="100"><br><br>
  82 + <label for="pagina32">Página 3.2:</label><input type="hidden" name=hPagina32 value="hPagina32"><input type="text" name="pagina32" id="pagina32" size="50" maxlength="100"><br><br>
  83 + <label for="pagina33">Página 3.3:</label><input type="hidden" name=hPagina33 value="hPagina33"><input type="text" name="pagina33" id="pagina33" size="50" maxlength="100"><br><br>
  84 + <label for="pagina34">Página 3.4:</label><input type="hidden" name=hPagina34 value="hPagina34"><input type="text" name="pagina34" id="pagina34" size="50" maxlength="100"><br><br><br>
83 85  
84   - <label for="ambiente4">Ambiente Digital 4: </label><input type="hidden" name=hAmbiente4 value=""><input type="text" name="ambiente4" id="ambiente4" size="50" maxlength="100"><br><br>
85   - <label for="pagina41">Página 4.1:</label><input type="hidden" name=hPagina41 value=""><input type="text" name="pagina41" id="pagina41" size="50" maxlength="100"><br><br>
86   - <label for="pagina42">Página 4.2:</label><input type="hidden" name=hPagina42 value=""><input type="text" name="pagina42" id="pagina42" size="50" maxlength="100"><br><br>
87   - <label for="pagina43">Página 4.3:</label><input type="hidden" name=hPagina43 value=""><input type="text" name="pagina43" id="pagina43" size="50" maxlength="100"><br><br>
88   - <label for="pagina44">Página 4.4:</label><input type="hidden" name=hPagina44 value=""><input type="text" name="pagina44" id="pagina44" size="50" maxlength="100"><br><br><br>
  86 + <label for="ambiente4">Ambiente Digital 4: </label><input type="hidden" name=hAmbiente4 value="hAmbiente4"><input type="text" name="ambiente4" id="ambiente4" size="50" maxlength="100"><br><br>
  87 + <label for="pagina41">Página 4.1:</label><input type="hidden" name=hPagina41 value="hPagina41"><input type="text" name="pagina41" id="pagina41" size="50" maxlength="100"><br><br>
  88 + <label for="pagina42">Página 4.2:</label><input type="hidden" name=hPagina42 value="hPagina42"><input type="text" name="pagina42" id="pagina42" size="50" maxlength="100"><br><br>
  89 + <label for="pagina43">Página 4.3:</label><input type="hidden" name=hPagina43 value="hPagina43"><input type="text" name="pagina43" id="pagina43" size="50" maxlength="100"><br><br>
  90 + <label for="pagina44">Página 4.4:</label><input type="hidden" name=hPagina44 value="hPagina44"><input type="text" name="pagina44" id="pagina44" size="50" maxlength="100"><br><br><br>
89 91  
90   - <label for="ambiente5">Ambiente Digital 5: </label><input type="hidden" name=hAmbiente5 value=""><input type="text" name="ambiente5" id="ambiente5" size="50" maxlength="100"><br><br>
91   - <label for="pagina51">Página 5.1:</label><input type="hidden" name=hPagina51 value=""><input type="text" name="pagina51" id="pagina51" size="50" maxlength="100"><br><br>
92   - <label for="pagina52">Página 5.2:</label><input type="hidden" name=hPagina52 value=""><input type="text" name="pagina52" id="pagina52" size="50" maxlength="100"><br><br>
93   - <label for="pagina53">Página 5.3:</label><input type="hidden" name=hPagina53 value=""><input type="text" name="pagina53" id="pagina53" size="50" maxlength="100"><br><br>
94   - <label for="pagina54">Página 5.4:</label><input type="hidden" name=hPagina54 value=""><input type="text" name="pagina54" id="pagina54" size="50" maxlength="100"><br><br><br>
  92 + <label for="ambiente5">Ambiente Digital 5: </label><input type="hidden" name=hAmbiente5 value="hAmbiente5"><input type="text" name="ambiente5" id="ambiente5" size="50" maxlength="100"><br><br>
  93 + <label for="pagina51">Página 5.1:</label><input type="hidden" name=hPagina51 value="hPagina51"><input type="text" name="pagina51" id="pagina51" size="50" maxlength="100"><br><br>
  94 + <label for="pagina52">Página 5.2:</label><input type="hidden" name=hPagina52 value="hPagina52"><input type="text" name="pagina52" id="pagina52" size="50" maxlength="100"><br><br>
  95 + <label for="pagina53">Página 5.3:</label><input type="hidden" name=hPagina53 value="hPagina53"><input type="text" name="pagina53" id="pagina53" size="50" maxlength="100"><br><br>
  96 + <label for="pagina54">Página 5.4:</label><input type="hidden" name=hPagina54 value="hPagina54"><input type="text" name="pagina54" id="pagina54" size="50" maxlength="100"><br><br><br>
95 97  
  98 + </fieldset>
96 99 </fieldset><br>
97 100  
98 101 <div id="botao">
... ...
WebContent/WEB-INF/jsp/index/formulario.jsp
... ... @@ -6,8 +6,23 @@
6 6 <t:baseLayout>
7 7  
8 8 <jsp:body>
9   -
10   - <div>
  9 +
  10 + <div class="funcionalidades">
  11 + <ul class="breadcrumb">
  12 + <li><span>Você está em:</span></li>
  13 + <li>
  14 + <a href="${pageContext.request.contextPath}/">Página Inicial |</a>
  15 + </li>
  16 +
  17 + <li>
  18 + <a href="${pageContext.request.contextPath}/formularioOrgao"> Dados Institucionais </a>
  19 + </li>
  20 +
  21 + <li>| Questionário Acessibilidade</li>
  22 + </ul>
  23 + </div>
  24 +
  25 + <div>
11 26 <c:if test="${not empty mensagemValidacaoCampos}">
12 27 <c:forEach items="${mensagemValidacaoCampos}" var="error">
13 28 <div class="alinName"><a id="mensagemErroCampoVazio_${error.campo}" href="#${error.campo}">${error.mensagem}</a></div>
... ... @@ -15,17 +30,8 @@
15 30 </c:forEach>
16 31 </c:if>
17 32 </div>
18   -
19   - <div class="funcionalidades">
20   - <ul class="breadcrumb">
21   - <li>
22   - <span>Você está em:</span>
23   - </li>
24   - <li> Formulário Acessibilidade</li>
25   - </ul>
26   - </div>
27 33  
28   - <div id="conteudo">
  34 +
29 35 <div id="introducao">
30 36  
31 37 <h3 class="titulo">Questionário Acessibilidade</h3>
... ... @@ -306,48 +312,24 @@
306 312 <input type="hidden" name="hOutroAvaliador" value="18" /><textarea name="outroAvaliador" id="outroAvaliador" rows="8" cols="100" maxlength="600">${outroAvaliador}</textarea>
307 313 </fieldset><br>
308 314  
309   - <fieldset class="pergunta">
  315 + <fieldset class="pergunta">
  316 + <legend>13) Para cada ambiente e página informada no formulário anterior, informe a nota ASESWEB e a nota ACCESSMONITOR (utilize o WCAG 2.0):</legend>
310 317 <c:if test="${not empty lsAmostragemSiteQuestionario}">
311 318 <c:forEach items="${lsAmostragemSiteQuestionario}" var="amostra">
312 319 <label id="${amostra.nomeCampo }"> ${amostra.urlAmostraSiteQuestionario}</label> <br/> <br/>
313   - <label for="ases_${amostra.nomeCampo}">Nota ASES: </label><input type="text" size="10" maxlength="5" id="ases_${amostra.nomeCampo}" name="ases_${amostra.nomeCampo}"/>
  320 + <label for="ases_${amostra.nomeCampo}">Nota ASES (%): </label><input type="text" size="10" maxlength="5" id="ases_${amostra.nomeCampo}" name="ases_${amostra.nomeCampo}"/>
314 321 <label for="accessMonitor_${amostra.nomeCampo}">Nota AccessMonitor: </label><input type="text" size="10" maxlength="5" id="accessMonitor_${amostra.nomeCampo}" name="accessMonitor_${amostra.nomeCampo}"/>
315   - <br /><br/>
  322 + <br/><br/>
  323 + <hr>
316 324 </c:forEach>
317 325 </c:if>
318 326 </fieldset><br>
319   -
320   -
321   - <fieldset class="pergunta">
322   - <legend>13) Considerando a ferramenta de validação automática <a href="http://asesweb.governoeletronico.gov.br">ASESWEB (link para um novo sítio)</a> e o percentual de aderência ao eMAG obtido na avaliação de cada página, qual o percentual médio em que sua instituição se encontra com relação a esta métrica?<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="obrigatório" /></legend>
323   - <input type="hidden" name="hNivelAses" value="19" /><select name="nivelAses" id="nivelAses">
324   - <option value="" ${nivelAses == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
325   - <option value="35" ${nivelAses == '35'?'selected=\"selected\"':''}>Não utilizo o ASESWEB</option>
326   - <option value="36" ${nivelAses == '36'?'selected=\"selected\"':''}>Entre 1 a 39,99</option>
327   - <option value="37" ${nivelAses == '37'?'selected=\"selected\"':''}>Entre 40 a 69,99</option>
328   - <option value="38" ${nivelAses == '38'?'selected=\"selected\"':''}>Entre 70 a 89,99</option>
329   - <option value="39" ${nivelAses == '39'?'selected=\"selected\"':''}>Entre 90 a 94,99</option>
330   - <option value="40" ${nivelAses == '40'?'selected=\"selected\"':''}>Entre 95 a 100</option>
331   - </select>
332   - </fieldset><br>
333   -
334   - <fieldset class="pergunta">
335   - <legend>14) Considerando a ferramenta de validação automática <a href="http://www.acessibilidade.gov.pt/accessmonitor/"><span lang="en">ACCESSMONITOR</span> (link para um novo sítio)</a> e a nota dada com relação ao <i><span lang="en">Web Content Accessibility Guidelines </span></i>(WCAG) para cada página avaliada, qual a nota média em que sua instituição se encontra com relação a esta métrica?<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="obrigatório" /></legend>
336   - <input type="hidden" name="hNivelAccessMonitor" value="20" /><select name="nivelAccessMonitor" id="nivelAccessMonitor">
337   - <option value="" ${nivelAccessMonitor == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
338   - <option value="41" ${nivelAccessMonitor == '41'?'selected=\"selected\"':''}>Não utilizo o ACCESSMONITOR</option>
339   - <option value="42" ${nivelAccessMonitor == '42'?'selected=\"selected\"':''}>Entre 1 a 3,99</option>
340   - <option value="43" ${nivelAccessMonitor == '43'?'selected=\"selected\"':''}>Entre 4 a 6,99</option>
341   - <option value="44" ${nivelAccessMonitor == '44'?'selected=\"selected\"':''}>Entre 7 a 8,99</option>
342   - <option value="45" ${nivelAccessMonitor == '45'?'selected=\"selected\"':''}>Entre 9 a 9,49</option>
343   - <option value="46" ${nivelAccessMonitor == '46'?'selected=\"selected\"':''}>Entre 9,5 a 10</option>
344   - </select>
345   - </fieldset><br>
346 327  
  328 +
347 329 <fieldset class="pergunta">
348   - <legend>15) Em caso de utilização de ferramentas automáticas para verificação de acessibilidade com base no <span lang="en">WCAG</span> e/ou eMAG e considerando os níveis de
349   - conformidade (nível 1 A, nível 2 A, nível 3 A) do <span lang="en">WCAG</span>, bem como a relação existente dessas conformidades no eMAG,
350   - <br>conforme Anexo A - Mapeamento <span lang="en">WCAG</span> x eMAG disponível em <a href="http://emag.governoeletronico.gov.br/cartilha-contratacao/arquivos/anexos/Anexo-A.ods"> http://emag.governoeletronico.gov.br/cartilha-contratacao/arquivos/anexos/Anexo-A.ods (formato .ods - 20,2kb) </a>- em qual nível de
  330 + <legend>14) Em caso de utilização de ferramentas automáticas para verificação de acessibilidade com base no <span lang="en">WCAG</span> e/ou eMAG e considerando os níveis de
  331 + conformidade (A - nível 1 A, AA - nível 2 A, AAA - nível 3 A) do <span lang="en">WCAG</span>, bem como a relação existente dessas conformidades no eMAG,
  332 + conforme Anexo A - Mapeamento <span lang="en">WCAG</span> x eMAG disponível em <a href="http://emag.governoeletronico.gov.br/cartilha-contratacao/arquivos/anexos/Anexo-A.ods"> http://emag.governoeletronico.gov.br/cartilha-contratacao/arquivos/anexos/Anexo-A.ods (formato .ods - 20,2kb) </a>- em qual nível de
351 333 conformidade a sua instituição se enquadra?<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="obrigatório" /></legend>
352 334 <input type="hidden" name="hNivelWcag" value="21" /><select name="nivelWcag" id="nivelWcag">
353 335 <option value="" ${nivelWcag == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
... ... @@ -359,7 +341,7 @@
359 341 </fieldset> <br>
360 342  
361 343 <fieldset class="pergunta">
362   - <input type="hidden" name="hChecklistQtnList" value="22" /><legend>16) Quanto aos itens de acessibilidade que não podem ser verificados por máquina, como o atendimento (quanto às normas de acessibilidade) é validado?<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="obrigatório" /></legend>
  344 + <input type="hidden" name="hChecklistQtnList" value="22" /><legend>15) Quanto aos itens de acessibilidade que não podem ser verificados por máquina, como o atendimento, quanto às normas de acessibilidade, é validado?<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="obrigatório" /></legend>
363 345 <input type="radio" id="checklist1" name="checklistQtnList" checked="checked" value="50"><label for="checklist1">Não é feito a validação de itens que não podem ser validados de maneira automática</label><br>
364 346 <input type="radio" id="checklist2" name="checklistQtnList" value="51" ${checklistQtnList == '51'?'checked=\"checked\"':''}><label for="checklist2">A validação é feita pelo responsável técnico do contrato, seguindo um <i><span lang="en">checklist</span></i> de validação manual em todas as páginas</label><br>
365 347 <input type="radio" id="checklist3" name="checklistQtnList" value="52" ${checklistQtnList == '52'?'checked=\"checked\"':''}><label for="checklist3">A validação é feita pelo responsável técnico do contrato, seguindo um <i><span lang="en">checklist</span></i> de validação manual em amostras do conjunto de páginas</label><br>
... ... @@ -367,6 +349,15 @@
367 349 <input type="radio" id="checklist5" name="checklistQtnList" value="54" ${checklistQtnList == '54'?'checked=\"checked\"':''}><label for="checklist5">A validação é feita através do teste de atendimento das exigências contratuais pela empresa que desenvolveu o produto, que <br>entrega para cada página desenvolvida um <i><span lang="en">checklist</span></i> que especifica os testes manuais que foram executados</label>
368 350 </fieldset><br>
369 351  
  352 + <fieldset class="pergunta">
  353 + <legend>16) Caso o órgão realize validações através de pessoas com deficiência, selecione abaixo quais deficiências são utilizadas para validações:</legend>
  354 + <input type="hidden" name="hDefVisual" value=""/><input type="checkbox" name="defVisual" value="" id="defVisual"><label for="defVisual">Deficiência Visual</label><br>
  355 + <input type="hidden" name="hDefAuditiva" value=""/><input type="checkbox" name="defAuditiva" value="" id="defAuditiva"><label for="defAuditiva">Deficiência Auditiva</label><br>
  356 + <input type="hidden" name="hDefIntelectual" value=""/><input type="checkbox" name="defIntelectual" value="" id="defIntelectual"><label for="defIntelectual">Deficiência Intelectual</label><br>
  357 + <input type="hidden" name="hDefFisica" value=""/><input type="checkbox" name="defFisica" value="" id="defFisica"><label for="defFisica">Deficiência Física</label><br>
  358 + <input type="hidden" name="hDefOutra" value=""/><input type="checkbox" name="defOutra" value="" id="defOutra"><label for="defOutra">Outro(s)</label><br>
  359 + </fieldset><br>
  360 +
370 361  
371 362 <fieldset class="pergunta">
372 363 <legend>17) O Órgão mantém em seus ambientes funcionalidade para descrever os recursos de acessibilidade existentes?<img src="${pageContext.request.contextPath}/imgs/asterisco.jpg" alt="obrigatório" /></legend>
... ... @@ -469,6 +460,7 @@
469 460  
470 461  
471 462 <div id="botao">
  463 + <input type="button" id="voltar" name="voltar" value="Voltar">
472 464 <input type="submit" id="enviar" name="executar" value="Enviar">
473 465 </div>
474 466 <input type="hidden" name="idQuestionario" value="${questionario.idQuestionario}" />
... ...
WebContent/WEB-INF/jsp/login/login.jsp
... ... @@ -5,11 +5,19 @@
5 5  
6 6 <t:baseLayout>
7 7 <jsp:body>
8   - <div id="painelAcesso">
9   -
10   -
  8 +
  9 + <div class="funcionalidades">
  10 + <ul class="breadcrumb">
  11 + <li><span>Você está em:</span></li>
  12 + <li> Página Inicial </li>
  13 +
  14 + </ul>
  15 + </div><br>
  16 +
  17 +
11 18 <div>
12   - <c:if test="${not empty mensagemValidacaoCampos}">
  19 + <c:if test="${not empty mensagemValidacaoCampos}">
  20 + <label id="tituloAvisos">Foram encontrados os seguintes erros:</label>
13 21 <c:forEach items="${mensagemValidacaoCampos}" var="error">
14 22 <div class="alinName">
15 23 <a id="mensagemErroCampoVazio_${error.campo}"
... ... @@ -19,21 +27,35 @@
19 27 </c:forEach>
20 28 </c:if>
21 29 </div>
22   -
23   -
  30 +
  31 +
24 32 <!-- <p>Entre com o seu 'Código Hash', enviado por e-mail, para ter acesso ao Formulário Circunstanciado. </p> -->
  33 + <h2 class="titulo">Formulário Eletrônico Circunstanciado de Acessibilidade Digital</h2>
  34 + <p>Este formulário visa padronizar o fornecimento de informações para a elaboração de relatórios circunstanciados
  35 + de acessibilidade no que tange aos sítios, portais, sistemas e serviços mantidos na internet pelos órgãos
  36 + de governo pertencentes à Administração Pública Federal, principalmente àqueles que compõem o Sistema de Administração de Recursos de Tecnologia da Informação (SISP).</p>
  37 +
  38 + <p>De acordo com a <a href="http://www.planalto.gov.br/ccivil_03/_Ato2015-2018/2015/Lei/L13146.htm#art120">Lei nº 13.146, de 6 de Julho de 2015, em seu artigo 120 (link para um novo sítio)</a>,
  39 + cabe aos órgãos competentes a elaboração de relatórios circunstanciados sobre o cumprimento dos prazos estabelecidos por força da <a href="http://www.planalto.gov.br/ccivil_03/leis/L10048.htm">Lei nº 10.048, de 8 de Novembro de 2000 (link para um novo sítio)</a> e da <a href="http://www.planalto.gov.br/ccivil_03/leis/L10098.htm">Lei nº 10.098, de 19 de Dezembro de 2000 (link para um novo sítio)</a>, bem como do seu encaminhamento ao
  40 + Ministério Público e aos órgãos de regulação para adoção das providências cabíveis. Desta forma,
  41 + o <a href="http://www.planalto.gov.br/ccivil_03/_ato2004-2006/2004/decreto/d5296.htm">Decreto nº 5.296, de 2 de Dezembro de 2004 (link para um novo sítio)</a>, que regula tais leis, estabelece em seu artigo 47 que no prazo de até doze meses, a contar da
  42 + data de sua publicação, será obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na <span lang="en">internet</span>, para o uso das pessoas com deficiência.</p>
  43 +
  44 + <p>Neste contexto, a Secretaria de Tecnologia de Informação (STI) do Ministério do Planejamento, Desenvolvimento e Gestão (MP) disponibiliza esta ferramenta para simplificação e padronização das informações prestadas e oferece
  45 + funcionalidade para impressão do relatório circunstanciado para envio aos órgãos competentes.</p>
  46 +
  47 + <div id="painelAcesso">
  48 + <p>Entre com o seu código de acesso, enviado por email. Caso não tenha recebido ou tenha perdido, entre em <a href="${pageContext.request.contextPath}/contato-site">Contato</a>.</p>
25 49  
26 50 <form method="post" action="${pageContext.request.contextPath}/formularioOrgao">
27   -
28   - <fieldset id="entrarFieldset">
29   - <legend>Entrar</legend>
30   - <label for="valorHash">Código Hash:</label><br>
31   - <input type="text" name="valorHash" id="valorHash" size="50" maxlength="50" required="required"><br>
32   - </fieldset><br>
33   -
  51 + <fieldset id="entrarFieldset">
  52 + <legend><strong>Entrar</strong></legend>
  53 + <label for="valorHash">Código:</label><br>
  54 + <input type="text" name="valorHash" id="valorHash" size="50" maxlength="50" required="required"><br>
  55 + </fieldset><br>
34 56 <input type="submit" id="botaoAcesso" value="Entrar">
35   -
36 57 </form>
  58 +
37 59 </div>
38 60  
39 61 </jsp:body>
... ...
WebContent/WEB-INF/jsp/mapa/mapa.jsp
... ... @@ -10,9 +10,9 @@
10 10 <span>Você está em:</span>
11 11 </li>
12 12 <li>
13   - <a href="${pageContext.request.contextPath}" id="bcFormulario">Formulário Acessibilidade</a>
  13 + <a href="${pageContext.request.contextPath}/"> Página Inicial </a>
14 14 </li>
15   - <li>| Mapa do Site</li>
  15 + <li>| Mapa do Site</li>
16 16 </ul>
17 17 </div>
18 18  
... ...