Download as
Browse Code »

Commit 1c89aaf87ebcedac94c3aa010655783ee89f000f

Authored by fabricio
1 parent 48948346
Exists in master

Mudança css, labels, texto perguntas

Showing 1 changed file with 114 additions and 201 deletions   Show diff stats
WebContent/WEB-INF/jsp/index/formulario.jsp
  Diff comments   View file @1c89aaf
... ... @@ -4,9 +4,7 @@
4 4 <%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
5 5  
6 6 <t:baseLayout>
7   -
8 7 <jsp:body>
9   -
10 8 <div class="funcionalidades">
11 9 <ul class="breadcrumb">
12 10 <li><span>Você está em:</span></li>
... ... @@ -34,77 +32,45 @@
34 32 </c:if>
35 33 </div>
36 34  
37   -
  35 + <div><label class="asterisco">Campos de preenchimento obrigatório</label></div>
38 36 <div id="introducao">
39 37  
40   - <h3 class="titulo">Questionário Acessibilidade</h3>
41   - <form id="formulario" method="post"
42   - action="${pageContext.request.contextPath}/salvar-formulario"
43   - onSubmit="return enviarDados();">
44   -
  38 + <h2 class="titulo">Questionário Acessibilidade</h2>
  39 + <form id="formulario" method="post" action="${pageContext.request.contextPath}/salvar-formulario" onSubmit="return enviarDados();">
45 40 <fieldset>
46 41 <legend>Dados Acessibilidade</legend>
47 42  
48   - <fieldset class="pergunta">
49   - <legend>1) O Órgão tem conhecimento da legislação que envolve o tema "acessibilidade" bem como suas implicações?<img
50   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
51   - alt="obrigatório" />
52   - </legend>
53   - <input type="hidden" name="hPerguntaAcessibilidade" value="7" /><select
54   - name="perguntaAcessibilidade" id="perguntaAcessibilidade">
55   -
56   - <option value=""
57   - ${perguntaAcessibilidade == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
58   - <option value="2"
59   - ${perguntaAcessibilidade == '2'?'selected=\"selected\"':''}>Sim</option>
60   - <option value="4"
61   - ${perguntaAcessibilidade == '4'?'selected=\"selected\"':''}>Já ouvi falar</option>
62   - <option value="3"
63   - ${perguntaAcessibilidade == '3'?'selected=\"selected\"':''}>Não</option>
  43 + <label class="obrigatorio">1) O Órgão tem conhecimento da legislação que envolve o tema "acessibilidade" bem como suas implicações?</label><br>
  44 + <input type="hidden" name="hPerguntaAcessibilidade" value="7" /><select name="perguntaAcessibilidade" id="perguntaAcessibilidade" required title="Você deve responder a questão 1!">
  45 + <option value="" ${perguntaAcessibilidade == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
  46 + <option value="2" ${perguntaAcessibilidade == '2'?'selected=\"selected\"':''}>Sim</option>
  47 + <option value="4"${perguntaAcessibilidade == '4'?'selected=\"selected\"':''}>Já ouvi falar</option>
  48 + <option value="3" ${perguntaAcessibilidade == '3'?'selected=\"selected\"':''}>Não</option>
64 49 </select>
65   - </fieldset>
66   - <br>
  50 + <br><br>
  51 +
67 52  
68   - <fieldset class="pergunta">
69   - <legend>2) O Órgão já recebeu, formal ou informalmente, reclamações sobre acessibilidade em seus ambientes digitais?<img
70   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
71   - alt="obrigatório" />
72   - </legend>
73   - <input type="hidden" name="hReclamacao" value="8" /><select
74   - name="reclamacao" id="reclamacao">
  53 + <label class="obrigatorio">2) O Órgão já recebeu, formal ou informalmente, reclamações sobre acessibilidade em seus ambientes digitais?</label><br>
  54 + <input type="hidden" name="hReclamacao" value="8" /><select name="reclamacao" id="reclamacao" required>
75 55 <option value="" ${reclamacao == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
76   - <option value="2"
77   - ${reclamacao == '2'?'selected=\"selected\"':''}>Sim</option>
  56 + <option value="2" ${reclamacao == '2'?'selected=\"selected\"':''}>Sim</option>
78 57 <option value="3" ${reclamacao == '3'?'selected=\"selected\"':''}>Não</option>
79 58 </select>
80   - </fieldset>
81   - <br>
  59 + <br><br>
82 60  
83   - <fieldset class="pergunta">
84   - <legend>3) Com relação a pergunta anterior, caso tenha respondido "Sim", mencione abaixo quando e por quem houve a reclamação e qual foi a reclamação:</legend>
  61 + <label>3) Com relação a pergunta anterior, caso tenha respondido "Sim", mencione abaixo quando e por quem houve a reclamação e qual foi a reclamação:</label><br>
85 62 <input type="hidden" name="hEspacoReclamacao" value="9" />
86   - <textarea name="espacoReclamacao" id="espacoReclamacao" rows="8"
87   - cols="100" maxlength="800">${espacoReclamacao}</textarea>
88   - </fieldset>
89   - <br>
  63 + <textarea name="espacoReclamacao" id="espacoReclamacao" rows="8" cols="100" maxlength="800">${espacoReclamacao}</textarea>
  64 + <br><br>
90 65  
91   - <fieldset class="pergunta">
92   - <legend>4) O Órgão tem estimulado seus servidores e parceiros a realizarem capacitações sobre acessibilidade em ambientes digitais?<img
93   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
94   - alt="obrigatório" />
95   - </legend>
96   - <input type="hidden" name="hPerguntaEstimulo" value="10" /><select
97   - name="perguntaEstimulo" id="perguntaEstimulo">
98   - <option value=""
99   - ${perguntaEstimulo == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
100   - <option value="2"
101   - ${perguntaEstimulo == '2'?'selected=\"selected\"':''}>Sim</option>
102   - <option value="5"
103   - ${perguntaEstimulo == '5'?'selected=\"selected\"':''}>Não, por não priorizar o tema</option>
104   - <option value="6"
105   - ${perguntaEstimulo == '6'?'selected=\"selected\"':''}>Não, por não conhecer a oferta de cursos sobre o tema</option>
  66 + <label class="obrigatorio">4) O Órgão tem estimulado seus servidores e parceiros a realizarem capacitações sobre acessibilidade em ambientes digitais?</label>
  67 + <input type="hidden" name="hPerguntaEstimulo" value="10" /><select name="perguntaEstimulo" id="perguntaEstimulo" required>
  68 + <option value="" ${perguntaEstimulo == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
  69 + <option value="2" ${perguntaEstimulo == '2'?'selected=\"selected\"':''}>Sim</option>
  70 + <option value="5" ${perguntaEstimulo == '5'?'selected=\"selected\"':''}>Não, por não priorizar o tema</option>
  71 + <option value="6" ${perguntaEstimulo == '6'?'selected=\"selected\"':''}>Não, por não conhecer a oferta de cursos sobre o tema</option>
106 72 </select>
107   - </fieldset> <br>
  73 + <br><br>
108 74  
109 75 <fieldset class="pergunta">
110 76 <input type="hidden" name="hCurso" value="11" />
... ... @@ -160,70 +126,43 @@
160 126  
161 127 <fieldset class="pergunta">
162 128 <input type="hidden" name="hRequisito" value="12" />
163   - <legend>6) O Órgão observa em seu processo de desenvolvimento de sítios, portais e serviços eletrônicos os requisitos de acessibilidade?<img
164   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
165   - alt="obrigatório" />
  129 + <legend class="obrigatorio">6) O Órgão observa em seu processo de desenvolvimento de sítios, portais e serviços eletrônicos os requisitos de acessibilidade?
166 130 </legend>
167   - <input type="radio" name="requisito" id="requisito1" value="11"
168   - checked="checked"><label for="requisito1">Sim, observamos os requisitos do modelo brasileiro, ou seja, observamos o "Modelo de Acessibilidade em Governo Eletrônico (eMAG)"</label><br>
169   - <input type="radio" name="requisito" id="requisito2" value="12"
170   - ${requisito == '12'?'checked=\"checked\"':''}><label
171   - for="requisito2">Sim, observamos os requisitos do modelo internacional, ou seja, observamos o "<span
172   - lang="en">Web Content Accessibility Guidelines</span> (WCAG)"</label><br>
173   - <input type="radio" name="requisito" id="requisito3" value="13"
174   - ${requisito == '13'?'checked=\"checked\"':''}><label
175   - for="requisito3">Sim, observamos os requisitos de outros modelos que não os especificados acima</label><br>
176   - <input type="radio" name="requisito" id="requisito4" value="3"
177   - ${requisito == '3'?'checked=\"checked\"':''}><label
178   - for="requisito4">Não</label>
179   -
  131 + <input type="radio" name="requisito" id="requisito1" value="11" checked="checked"><label for="requisito1">Sim, observamos os requisitos do modelo brasileiro, ou seja, observamos o "Modelo de Acessibilidade em Governo Eletrônico (eMAG)"</label><br>
  132 + <input type="radio" name="requisito" id="requisito2" value="12" ${requisito == '12'?'checked=\"checked\"':''}><label for="requisito2">Sim, observamos os requisitos do modelo internacional, ou seja, observamos o "<span lang="en">Web Content Accessibility Guidelines</span> (WCAG)"</label><br>
  133 + <input type="radio" name="requisito" id="requisito3" value="13" ${requisito == '13'?'checked=\"checked\"':''}><label for="requisito3">Sim, observamos os requisitos de outros modelos que não os especificados acima</label><br>
  134 + <input type="radio" name="requisito" id="requisito4" value="3" ${requisito == '3'?'checked=\"checked\"':''}><label for="requisito4">Não</label>
180 135 </fieldset>
181 136 <br>
182 137  
183   - <fieldset class="pergunta">
184   - <legend>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:</legend>
  138 + <label>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:</label>
185 139 <input type="hidden" name="hJustificativaRequisito" value="13" />
186 140 <textarea name="justificativaRequisito"
187 141 id="justificativaRequisito" rows="8" cols="100" maxlength="600">${justificativaRequisito}</textarea>
188   - </fieldset>
189   - <br>
  142 +
  143 + <br><br>
190 144  
191 145 <fieldset class="pergunta">
192 146 <input type="hidden" name="hOpcaoContrat" value="14" />
193   - <legend>8) Nas contratações de fábrica de <span lang="en"><i>software</i></span> e/ou parcerias firmadas para o desenvolvimento de ambientes digitais há citação explícita<br> sobre os requisitos de acessibilidade assim como as sanções para a sua não obediência?<img
194   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
195   - alt="obrigatório" />
  147 + <legend class="obrigatorio">8) Nas contratações de fábrica de <span lang="en"><i>software</i></span> e/ou parcerias firmadas para o desenvolvimento de ambientes digitais há citação explícita<br> sobre os requisitos de acessibilidade assim como as sanções para a sua não obediência?
196 148 </legend>
197 149 <input type="radio" id="contratacao1" name="opcaoContrat"
198   - value="14" checked="checked"><label for="contratacao1">Sim, conforme especifica o estudo técnico preliminar da contratação da <a
199   - href="http://www.governoeletronico.gov.br/documentos-e-arquivos/IN%204%202014_compilada.pdf">Instrução Normativa 04/2014 (IN 04/2014) - formato .pdf 319Kb</a></label><br>
  150 + value="14" checked="checked"><label for="contratacao1">Sim, conforme especifica o estudo técnico preliminar da contratação da Instrução Normativa N° 04, de 11 de Setembro de 2014 (Link no final da página).</label><br>
200 151 <input type="radio" id="contratacao2" name="opcaoContrat"
201 152 value="15" ${opcaoContrat == '15'?'checked=\"checked\"':''}><label
202   - for="contratacao2">Sim, conforme sugere a <a
203   - href="http://emag.governoeletronico.gov.br/cartilha-contratacao/">"Cartilha de Boas Práticas para Acessibilidade Digital (link para um novo sítio)"</a> na contratação de <br>desenvolvimento <span
204   - lang="en">WEB</span></label><br>
205   - <input type="radio" id="contratacao3" name="opcaoContrat"
206   - value="3" ${opcaoContrat == '3'?'checked=\"checked\"':''}><label
207   - for="contratacao3">Não</label>
  153 + for="contratacao2">Sim, conforme sugere a "Cartilha de Boas Práticas para Acessibilidade Digital (link no final da página)" na contratação de <br>desenvolvimento <span lang="en">WEB</span></label><br>
  154 + <input type="radio" id="contratacao3" name="opcaoContrat" value="3" ${opcaoContrat == '3'?'checked=\"checked\"':''}><label for="contratacao3">Não</label>
208 155 </fieldset>
209 156 <br>
210 157  
211   - <fieldset class="pergunta">
212   - <legend>9) O Órgão realiza validações de acessibilidade em seus ambientes digitais?<img
213   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
214   - alt="obrigatório" />
215   - </legend>
216   - <input type="hidden" name="hPerguntaValidacao" value="15" /><select
217   - name="perguntaValidacao" id="perguntaValidacao">
218   - <option value=""
219   - ${perguntaValidacao == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
220   - <option value="2"
221   - ${perguntaValidacao == '2'?'selected=\"selected\"':''}>Sim</option>
222   - <option value="3"
223   - ${perguntaValidacao == '3'?'selected=\"selected\"':''}>Não</option>
  158 + <label class="obrigatorio">9) O Órgão realiza validações de acessibilidade em seus ambientes digitais?</label><br>
  159 + <input type="hidden" name="hPerguntaValidacao" value="15" />
  160 + <select name="perguntaValidacao" id="perguntaValidacao" required>
  161 + <option value="" ${perguntaValidacao == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
  162 + <option value="2" ${perguntaValidacao == '2'?'selected=\"selected\"':''}>Sim</option>
  163 + <option value="3" ${perguntaValidacao == '3'?'selected=\"selected\"':''}>Não</option>
224 164 </select>
225   - </fieldset>
226   - <br>
  165 + <br><br>
227 166  
228 167 <fieldset class="pergunta">
229 168 <input type="hidden" name="hSimValidacao" value="16" />
... ... @@ -273,10 +212,7 @@
273 212  
274 213 <fieldset class="pergunta">
275 214 <input type="hidden" name="hFerramentaValidacao" value="17" />
276   - <legend>11) Quais ferramentas são utilizadas no processo de validação de acessibilidade em seus ambientes digitais?<img
277   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
278   - alt="obrigatório" />
279   - </legend>
  215 + <legend class="obrigatorio">11) Quais ferramentas são utilizadas no processo de validação de acessibilidade em seus ambientes digitais?</legend>
280 216  
281 217 <c:set var="marcar" scope="session" value="false" />
282 218 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -297,7 +233,7 @@
297 233 <input type="checkbox" name="ferramentaValidacao" id="asesWeb"
298 234 value="21" ${marcar == 'true'?'checked=\"checked\"':''}><label
299 235 for="asesWeb">Avaliador e Simulador de Acessibilidade em Sítios (ASES) <span
300   - lang="en">Web</span> (WAI e eMAG)</label><br>
  236 + lang="en">Web</span> (<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr> e eMAG)</label><br>
301 237  
302 238 <c:set var="marcar" scope="session" value="false" />
303 239 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -308,7 +244,7 @@
308 244 <input type="checkbox" name="ferramentaValidacao" id="asesDesktop"
309 245 value="22" ${marcar == 'true'?'checked=\"checked\"':''}><label
310 246 for="asesDesktop">Avaliador e Simulador de Acessibilidade em Sítios (ASES) <span
311   - lang="en">Desktop</span> (WAI e eMAG)</label><br>
  247 + lang="en">Desktop</span> (<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr> e eMAG)</label><br>
312 248  
313 249 <c:set var="marcar" scope="session" value="false" />
314 250 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -318,7 +254,7 @@
318 254 </c:forEach>
319 255 <input type="checkbox" name="ferramentaValidacao" id="silva"
320 256 value="23" ${marcar == 'true'?'checked=\"checked\"':''}><label
321   - for="silva">Da Silva (WAI e eMAG)</label><br>
  257 + for="silva">Da Silva (<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr> e eMAG)</label><br>
322 258  
323 259 <c:set var="marcar" scope="session" value="false" />
324 260 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -328,7 +264,7 @@
328 264 </c:forEach>
329 265 <input type="checkbox" name="ferramentaValidacao" id="access"
330 266 value="24" ${marcar == 'true'?'checked=\"checked\"':''}><label
331   - for="access"><span lang="en">AccessMonitor</span> (WAI)</label><br>
  267 + for="access"><span lang="en">AccessMonitor</span> (<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr>)</label><br>
332 268  
333 269 <c:set var="marcar" scope="session" value="false" />
334 270 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -338,7 +274,7 @@
338 274 </c:forEach>
339 275 <input type="checkbox" name="ferramentaValidacao" id="tool"
340 276 value="25" ${marcar == 'true'?'checked=\"checked\"':''}><label
341   - for="tool"><span lang="en">Web Accessibility Tool </span>(WAVE) (WAI)</label><br>
  277 + for="tool"><span lang="en">Web Accessibility Tool </span>(WAVE) (<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr>)</label><br>
342 278  
343 279 <c:set var="marcar" scope="session" value="false" />
344 280 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -348,7 +284,7 @@
348 284 </c:forEach>
349 285 <input type="checkbox" name="ferramentaValidacao" id="cynthia"
350 286 value="26" ${marcar == 'true'?'checked=\"checked\"':''}><label
351   - for="cynthia"><span lang="en">Cynthia Says </span>(WAI)</label><br>
  287 + for="cynthia"><span lang="en">Cynthia Says </span>(<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr>)</label><br>
352 288  
353 289 <c:set var="marcar" scope="session" value="false" />
354 290 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -358,7 +294,7 @@
358 294 </c:forEach>
359 295 <input type="checkbox" name="ferramentaValidacao" id="hera"
360 296 value="27" ${marcar == 'true'?'checked=\"checked\"':''}><label
361   - for="hera"><span lang="en">Hera </span>(WAI)</label><br>
  297 + for="hera"><span lang="en">Hera </span>(<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr>)</label><br>
362 298  
363 299 <c:set var="marcar" scope="session" value="false" />
364 300 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -368,7 +304,7 @@
368 304 </c:forEach>
369 305 <input type="checkbox" name="ferramentaValidacao" id="lift"
370 306 value="28" ${marcar == 'true'?'checked=\"checked\"':''}><label
371   - for="lift"><span lang="en">Lift </span>(WAI)</label><br>
  307 + for="lift"><span lang="en">Lift </span>(<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr>)</label><br>
372 308  
373 309 <c:set var="marcar" scope="session" value="false" />
374 310 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -378,7 +314,7 @@
378 314 </c:forEach>
379 315 <input type="checkbox" name="ferramentaValidacao" id="taw"
380 316 value="29" ${marcar == 'true'?'checked=\"checked\"':''}><label
381   - for="taw"><span lang="en">TAW </span>(WAI)</label><br>
  317 + for="taw"><span lang="en">TAW </span>(<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr>)</label><br>
382 318  
383 319 <c:set var="marcar" scope="session" value="false" />
384 320 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -388,7 +324,7 @@
388 324 </c:forEach>
389 325 <input type="checkbox" name="ferramentaValidacao" id="examinator"
390 326 value="30" ${marcar == 'true'?'checked=\"checked\"':''}><label
391   - for="examinator"><span lang="en">Examinator </span>(WAI)</label><br>
  327 + for="examinator"><span lang="en">Examinator </span>(<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr>)</label><br>
392 328  
393 329 <c:set var="marcar" scope="session" value="false" />
394 330 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -398,7 +334,7 @@
398 334 </c:forEach>
399 335 <input type="checkbox" name="ferramentaValidacao" id="functional"
400 336 value="31" ${marcar == 'true'?'checked=\"checked\"':''}><label
401   - for="functional"><span lang="en">Functional Accessibility Evaluator</span> 1.1(WAI e Section 508)</label><br>
  337 + for="functional"><span lang="en">Functional Accessibility Evaluator</span> 1.1(<abbr title="Web Accessibility Initiative" lang="en">WAI</abbr> e <span lang="en">Section</span> 508)</label><br>
402 338  
403 339 <c:set var="marcar" scope="session" value="false" />
404 340 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -407,9 +343,7 @@
407 343 </c:if>
408 344 </c:forEach>
409 345 <input type="checkbox" name="ferramentaValidacao" id="checklst1"
410   - value="32" ${marcar == 'true'?'checked=\"checked\"':''}><label
411   - for="checklst1"><i><span lang="en">Checklist</span></i> de Avaliação Manual (<a
412   - href="http://www.governoeletronico.gov.br/documentos-e-arquivos/eMAG-Checklist-acessibilidade-desenvolvedores.pdf">Material de Apoio – sítio governo eletrônico - formato .pdf 552Kb</a>)</label><br>
  346 + value="32" ${marcar == 'true'?'checked=\"checked\"':''}><label for="checklst1"><i><span lang="en">Checklist</span></i> de Avaliação Manual (Checklist de Acessibilidade Manual para o Desenvolvedor - link no final da página)</label><br>
413 347  
414 348 <c:set var="marcar" scope="session" value="false" />
415 349 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -418,9 +352,7 @@
418 352 </c:if>
419 353 </c:forEach>
420 354 <input type="checkbox" name="ferramentaValidacao" id="checklst2"
421   - value="33" ${marcar == 'true'?'checked=\"checked\"':''}><label
422   - for="checklst2"><i><span lang="en">Checklist</span></i> de Avaliação Manual (<a
423   - href="http://emag.governoeletronico.gov.br/cartilha-contratacao/arquivos/anexos/Anexo-B.ods">Cartilha de Boas Práticas - formato .ods 18Kb</a>)</label><br>
  355 + value="33" ${marcar == 'true'?'checked=\"checked\"':''}><label for="checklst2"><i><span lang="en">Checklist</span></i> de Avaliação Manual (Anexo B – Recomendações e Pontos de checagem para atendimento do eMAG - link no final da página)</label><br>
424 356  
425 357 <c:set var="marcar" scope="session" value="false" />
426 358 <c:forEach items="${ferramentaValidacao}" var="item">
... ... @@ -434,63 +366,46 @@
434 366 </fieldset>
435 367 <br>
436 368  
437   - <fieldset class="pergunta">
438   - <legend>12) Com relação à pergunta anterior, caso tenha respondido "Outros", mencione abaixo quais são estas ferramentas:</legend>
  369 + <label>12) Com relação à pergunta anterior, caso tenha respondido "Outros", mencione abaixo quais são estas ferramentas:</label>
439 370 <input type="hidden" name="hOutroAvaliador" value="18" />
440 371 <textarea name="outroAvaliador" id="outroAvaliador" rows="8"
441 372 cols="100" maxlength="600">${outroAvaliador}</textarea>
442   - </fieldset>
443   - <br>
  373 + <br><br>
444 374  
445 375 <fieldset class="pergunta">
446 376 <input type="hidden" name="hAmostragemSiteQuestionario" value="19" />
447   - <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>
  377 + <legend class="obrigatorio">13) Para cada ambiente e página informada no formulário anterior, informe a nota ASESWEB (Link no final da página) em porcentagem (%) e a nota ACCESSMONITOR (link no final da página - utilize o WCAG 2.0):</legend>
448 378 <c:if test="${not empty lsAmostragemSiteQuestionario}">
449 379 <c:forEach items="${lsAmostragemSiteQuestionario}" var="amostra">
450   - <input type="hidden" name="${amostra.nomeCampo }"
451   - value="${amostra.urlAmostraSiteQuestionario}" />
452   - <label> ${amostra.urlAmostraSiteQuestionario}</label> <br /> <br />
  380 + <input type="hidden" name="${amostra.nomeCampo }" value="${amostra.urlAmostraSiteQuestionario}" />
  381 + <label> ${amostra.urlAmostraSiteQuestionario}</label> <br /> <br />
453 382 <label for="ases_${amostra.nomeCampo}">Nota ASES: </label>
454   - <input type="text" size="10" maxlength="5"
455   - id="ases_${amostra.nomeCampo}" name="ases_${amostra.nomeCampo}" />
  383 + <input type="text" size="10" maxlength="6" id="ases_${amostra.nomeCampo}" name="ases_${amostra.nomeCampo}" onkeyup="notaAses(this);" required />
456 384 <label for="accessMonitor_${amostra.nomeCampo}">Nota AccessMonitor: </label>
457   - <input type="text" size="10" maxlength="5"
458   - id="accessMonitor_${amostra.nomeCampo}"
459   - name="accessMonitor_${amostra.nomeCampo}" />
460   - <br />
461   - <br />
  385 + <input type="text" size="10" maxlength="5" id="accessMonitor_${amostra.nomeCampo}" name="accessMonitor_${amostra.nomeCampo}" onkeyup="notaAccess(this);" required/>
  386 + <br/><br/>
  387 + <hr>
462 388 </c:forEach>
463 389 </c:if>
464 390 </fieldset>
465 391 <br>
466 392  
467 393  
468   - <fieldset class="pergunta">
469   - <legend>14) Em caso de utilização de ferramentas automáticas para verificação de acessibilidade com base no <span
470   - lang="en">WCAG</span> e/ou eMAG e considerando os níveis de
471   - conformidade (A - nível 1 A, AA - nível 2 A, AAA - nível 3 A) do <span
472   - lang="en">WCAG</span>, bem como a relação existente dessas conformidades no eMAG,
473   - conforme Anexo A - Mapeamento <span lang="en">WCAG</span> x eMAG disponível em <a
474   - 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
475   - conformidade a sua instituição se enquadra?<img
476   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
477   - alt="obrigatório" />
478   - </legend>
479   - <input type="hidden" name="hNivelWcag" value="20" /><select
480   - name="nivelWcag" id="nivelWcag">
481   - <option value="" ${nivelWcag == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
482   - <option value="20" ${nivelWcag == '20'?'selected=\"selected\"':''}>Nenhuma</option>
483   - <option value="47" ${nivelWcag == '47'?'selected=\"selected\"':''}>A (nível 1 A)</option>
484   - <option value="48" ${nivelWcag == '48'?'selected=\"selected\"':''}>AA (nível 2 A)</option>
485   - <option value="49" ${nivelWcag == '49'?'selected=\"selected\"':''}>AAA (nível 3 A)</option>
486   - </select>
487   - </fieldset> <br>
  394 + <label class="obrigatorio">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
  395 + conformidade do <span lang="en">WCAG</span> (A - nível 1 A, AA - nível 2 A, AAA - nível 3 A), bem como a relação existente dessas conformidades no eMAG (Anexo A - Mapeamento do <span lang="en">WCAG</span> com o eMAG - link no final da página), em qual nível de conformidade a sua instituição se enquadra?</label>
  396 + <input type="hidden" name="hNivelWcag" value="20" /><br>
  397 + <select name="nivelWcag" id="nivelWcag" required>
  398 + <option value="" ${nivelWcag == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
  399 + <option value="20" ${nivelWcag == '20'?'selected=\"selected\"':''}>Nenhuma</option>
  400 + <option value="47" ${nivelWcag == '47'?'selected=\"selected\"':''}>A (nível 1 A)</option>
  401 + <option value="48" ${nivelWcag == '48'?'selected=\"selected\"':''}>AA (nível 2 A)</option>
  402 + <option value="49" ${nivelWcag == '49'?'selected=\"selected\"':''}>AAA (nível 3 A)</option>
  403 + </select>
  404 + <br><br>
488 405  
489 406 <fieldset class="pergunta">
490 407 <input type="hidden" name="hChecklistQtnList" value="21" />
491   - <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
492   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
493   - alt="obrigatório" />
  408 + <legend class="obrigatorio">15) Quanto aos itens de acessibilidade que não podem ser verificados por máquina, como o atendimento, quanto às normas de acessibilidade, é validado?
494 409 </legend>
495 410 <input type="radio" id="checklist1" name="checklistQtnList"
496 411 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>
... ... @@ -502,8 +417,7 @@
502 417 value="52" ${checklistQtnList == '52'?'checked=\"checked\"':''}><label
503 418 for="checklist3">A validação é feita pelo responsável técnico do contrato, seguindo um <i><span
504 419 lang="en">checklist</span></i> de validação manual em amostras do conjunto de páginas</label><br>
505   - <input type="radio" id="checklist4" name="checklistQtnList"
506   - value="53" ${checklistQtnList == '53'?'checked=\"checked\"':''}><label
  420 + <input type="radio" id="checklist4" name="checklistQtnList" value="53" ${checklistQtnList == '53'?'checked=\"checked\"':''}><label
507 421 for="checklist4">A validação é feita por empresa terceirizada, contratada para ajudar na garantia da qualidade do software, seguindo um <i><span
508 422 lang="en">checklist</span></i> de validação manual</label><br>
509 423 <input type="radio" id="checklist5" name="checklistQtnList"
... ... @@ -515,7 +429,7 @@
515 429  
516 430 <fieldset class="pergunta">
517 431 <input type="hidden" name="hDeficiencias" value="22" />
518   - <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>
  432 + <legend class="obrigatorio">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>
519 433  
520 434 <c:set var="marcar" scope="session" value="false" />
521 435 <c:forEach items="${deficiencias}" var="item">
... ... @@ -570,13 +484,9 @@
570 484 <br>
571 485  
572 486  
573   - <fieldset class="pergunta">
574   - <legend>17) O Órgão mantém em seus ambientes funcionalidade para descrever os recursos de acessibilidade existentes?<img
575   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
576   - alt="obrigatório" />
577   - </legend>
578   - <input type="hidden" name="hFuncionalidade" value="23" /><select
579   - name="funcionalidade" id="funcionalidade">
  487 + <label class="obrigatorio">17) O Órgão mantém em seus ambientes funcionalidade para descrever os recursos de acessibilidade existentes?</label>
  488 +
  489 + <input type="hidden" name="hFuncionalidade" value="23" /><select name="funcionalidade" id="funcionalidade" required>
580 490 <option value="" ${funcionalidade == ''?'selected=\"selected\"':''}>Selecione uma resposta</option>
581 491 <option value="2"
582 492 ${funcionalidade == '2'?'selected=\"selected\"':''}>Sim</option>
... ... @@ -585,15 +495,12 @@
585 495 <option value="3"
586 496 ${funcionalidade == '3'?'selected=\"selected\"':''}>Não</option>
587 497 </select>
588   - </fieldset>
589   - <br>
  498 + <br><br>
590 499  
591 500 <fieldset class="pergunta">
592 501 <input type="hidden" name="hAssistiva" value="24" />
593   - <legend>18) Dentre as tecnologias assistivas baseadas em <i><span
594   - lang="en">softwares</span></i>, marque qual delas o órgão indica ou implementa em seus ambientes digitais:<img
595   - src="${pageContext.request.contextPath}/imgs/asterisco.jpg"
596   - alt="obrigatório" />
  502 + <legend class="obrigatorio">18) Dentre as tecnologias assistivas baseadas em <i><span lang="en">softwares</span></i>, marque qual delas o órgão indica ou implementa em seus ambientes digitais:
  503 +
597 504 </legend>
598 505  
599 506 <c:set var="marcar" scope="session" value="false" />
... ... @@ -654,7 +561,7 @@
654 561 </c:forEach>
655 562 <input type="checkbox" name="assistiva" id="assistiva5" value="60"
656 563 ${marcar == 'true'?'checked=\"checked\"':''}><label
657   - for="assistiva5"><span lang="en">Hand Talks</span></label><br>
  564 + for="assistiva5"><span lang="en">Hand Talk</span></label><br>
658 565  
659 566 <c:set var="marcar" scope="session" value="false" />
660 567 <c:forEach items="${assistiva}" var="item">
... ... @@ -682,37 +589,42 @@
682 589 <c:set var="marcar" scope="session" value="true" />
683 590 </c:if>
684 591 </c:forEach>
685   - <input type="checkbox" name="assistiva" id="assistiva8" value="34"
686   - ${marcar == 'true'?'checked=\"checked\"':''}><label
687   - for="assistiva8">Outro(s)</label>
  592 + <input type="checkbox" name="assistiva" id="assistiva8" value="34" ${marcar == 'true'?'checked=\"checked\"':''}><label for="assistiva8">Outro(s)</label>
688 593 </fieldset>
689 594 <br>
690   -
691   -
692   - <fieldset class="pergunta">
693   - <legend>19) Com relação à pergunta anterior: caso tenha respondido "Outro(s)" mencione abaixo quais são estas tecnologias:</legend>
  595 +
  596 + <label>19) Com relação à pergunta anterior: caso tenha respondido "Outro(s)" mencione abaixo quais são estas tecnologias:</label>
694 597 <input type="hidden" name="hJustificativaAssistiva" value="25" />
695   - <textarea name="justificativaAssistiva"
696   - id="justificativaAssistiva" rows="8" cols="100" maxlength="600">${justificativaAssistiva}</textarea>
697   - </fieldset>
698   - <br>
  598 + <textarea name="justificativaAssistiva" id="justificativaAssistiva" rows="8" cols="100" maxlength="600" required>${justificativaAssistiva}</textarea>
  599 +
  600 + <br><br>
699 601  
700   - <fieldset class="pergunta">
701   - <legend>20) 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:</legend>
  602 + <label class="obrigatorio">20) 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:</label>
702 603 <input type="hidden" name="hDificuldadePrazo" value="26" />
703   - <textarea name="dificuldadePrazo" id="dificuldadePrazo" rows="8"
704   - cols="100" maxlength="600">${dificuldadePrazo}</textarea>
705   - </fieldset>
  604 + <textarea name="dificuldadePrazo" id="dificuldadePrazo" rows="8" cols="100" maxlength="600" required>${dificuldadePrazo}</textarea><br><br>
  605 +
  606 + <div><h3>Leis, Documentos e Sítios mencionados neste formulário:</h3>
  607 + <ul>
  608 + <li><a href="http://www.governoeletronico.gov.br/documentos-e-arquivos/IN%204%202014_compilada.pdf">Instrução Normativa 04/2014 (IN 04/2014) - formato .pdf 319Kb</a></li>
  609 + <li><a href="http://emag.governoeletronico.gov.br/cartilha-contratacao/">Cartilha de Boas Práticas para Acessibilidade Digital - link para um novo sítio</a></li>
  610 + <li><a href="http://www.governoeletronico.gov.br/documentos-e-arquivos/eMAG-Checklist-acessibilidade-desenvolvedores.pdf">Checklist de Acessibilidade Manual para o Desenvolvedor - formato .pdf 552Kb</a></li>
  611 + <li><a 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 - formato .ods 18Kb</a></li>
  612 + <li><a href="http://emag.governoeletronico.gov.br/cartilha-contratacao/arquivos/anexos/Anexo-A.ods"> Anexo A – eMAG com WCAG - formato .ods 20,2kb</a></li>
  613 + <li><a href="http://asesweb.governoeletronico.gov.br">ASESWEB - Avaliador e Simulador de Acessibilidade em Sítios - link para um novo sítio</a></li>
  614 + <li><a href="http://www.acessibilidade.gov.pt/accessmonitor/">ACCESSMONITOR - Validador automático para WCAG - link para um novo sítio</a></li>
  615 + </ul>
  616 + </div>
706 617  
707 618 </fieldset>
708 619  
709 620  
  621 +
710 622 <div id="botao">
711   - <input type="button" id="voltar" name="voltar" value="Voltar">
712   - <input type="submit" id="enviar" name="executar" value="Enviar">
  623 + <a class="button" id="voltarF" href="${pageContext.request.contextPath}/formularioOrgao">Voltar</a>
  624 + <input type="submit" class="button" id="enviar" name="executar" value="Enviar">
713 625 </div>
714   - <input type="hidden" name="idQuestionario"
715   - value="${questionario.idQuestionario}" />
  626 +
  627 + <input type="hidden" name="idQuestionario" value="${questionario.idQuestionario}" />
716 628 <input type="hidden" name="nomePessoa" value="${nomePessoa}" />
717 629 <input type="hidden" name="hNomePessoa" value="${hNomePessoa}" />
718 630 <input type="hidden" name="hCargo" value="${hCargo}" />
... ... @@ -721,6 +633,7 @@
721 633 <input type="hidden" name="hTelefone" value="${hTelefone}" />
722 634 <input type="hidden" name="email" value="${email}" />
723 635 <input type="hidden" name="hEmail" value="${hEmail}" />
  636 +
724 637 </form>
725 638  
726 639 </div>
... ...