Commit 1c89aaf87ebcedac94c3aa010655783ee89f000f
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
@@ -4,9 +4,7 @@ | @@ -4,9 +4,7 @@ | ||
4 | <%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> | 4 | <%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> |
5 | 5 | ||
6 | <t:baseLayout> | 6 | <t:baseLayout> |
7 | - | ||
8 | <jsp:body> | 7 | <jsp:body> |
9 | - | ||
10 | <div class="funcionalidades"> | 8 | <div class="funcionalidades"> |
11 | <ul class="breadcrumb"> | 9 | <ul class="breadcrumb"> |
12 | <li><span>Você está em:</span></li> | 10 | <li><span>Você está em:</span></li> |
@@ -34,77 +32,45 @@ | @@ -34,77 +32,45 @@ | ||
34 | </c:if> | 32 | </c:if> |
35 | </div> | 33 | </div> |
36 | 34 | ||
37 | - | 35 | + <div><label class="asterisco">Campos de preenchimento obrigatório</label></div> |
38 | <div id="introducao"> | 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 | <fieldset> | 40 | <fieldset> |
46 | <legend>Dados Acessibilidade</legend> | 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 | </select> | 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 | <option value="" ${reclamacao == ''?'selected=\"selected\"':''}>Selecione uma resposta</option> | 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 | <option value="3" ${reclamacao == '3'?'selected=\"selected\"':''}>Não</option> | 57 | <option value="3" ${reclamacao == '3'?'selected=\"selected\"':''}>Não</option> |
79 | </select> | 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 | <input type="hidden" name="hEspacoReclamacao" value="9" /> | 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 | </select> | 72 | </select> |
107 | - </fieldset> <br> | 73 | + <br><br> |
108 | 74 | ||
109 | <fieldset class="pergunta"> | 75 | <fieldset class="pergunta"> |
110 | <input type="hidden" name="hCurso" value="11" /> | 76 | <input type="hidden" name="hCurso" value="11" /> |
@@ -160,70 +126,43 @@ | @@ -160,70 +126,43 @@ | ||
160 | 126 | ||
161 | <fieldset class="pergunta"> | 127 | <fieldset class="pergunta"> |
162 | <input type="hidden" name="hRequisito" value="12" /> | 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 | </legend> | 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 | </fieldset> | 135 | </fieldset> |
181 | <br> | 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 | <input type="hidden" name="hJustificativaRequisito" value="13" /> | 139 | <input type="hidden" name="hJustificativaRequisito" value="13" /> |
186 | <textarea name="justificativaRequisito" | 140 | <textarea name="justificativaRequisito" |
187 | id="justificativaRequisito" rows="8" cols="100" maxlength="600">${justificativaRequisito}</textarea> | 141 | id="justificativaRequisito" rows="8" cols="100" maxlength="600">${justificativaRequisito}</textarea> |
188 | - </fieldset> | ||
189 | - <br> | 142 | + |
143 | + <br><br> | ||
190 | 144 | ||
191 | <fieldset class="pergunta"> | 145 | <fieldset class="pergunta"> |
192 | <input type="hidden" name="hOpcaoContrat" value="14" /> | 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 | </legend> | 148 | </legend> |
197 | <input type="radio" id="contratacao1" name="opcaoContrat" | 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 | <input type="radio" id="contratacao2" name="opcaoContrat" | 151 | <input type="radio" id="contratacao2" name="opcaoContrat" |
201 | value="15" ${opcaoContrat == '15'?'checked=\"checked\"':''}><label | 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 | </fieldset> | 155 | </fieldset> |
209 | <br> | 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 | </select> | 164 | </select> |
225 | - </fieldset> | ||
226 | - <br> | 165 | + <br><br> |
227 | 166 | ||
228 | <fieldset class="pergunta"> | 167 | <fieldset class="pergunta"> |
229 | <input type="hidden" name="hSimValidacao" value="16" /> | 168 | <input type="hidden" name="hSimValidacao" value="16" /> |
@@ -273,10 +212,7 @@ | @@ -273,10 +212,7 @@ | ||
273 | 212 | ||
274 | <fieldset class="pergunta"> | 213 | <fieldset class="pergunta"> |
275 | <input type="hidden" name="hFerramentaValidacao" value="17" /> | 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 | <c:set var="marcar" scope="session" value="false" /> | 217 | <c:set var="marcar" scope="session" value="false" /> |
282 | <c:forEach items="${ferramentaValidacao}" var="item"> | 218 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -297,7 +233,7 @@ | @@ -297,7 +233,7 @@ | ||
297 | <input type="checkbox" name="ferramentaValidacao" id="asesWeb" | 233 | <input type="checkbox" name="ferramentaValidacao" id="asesWeb" |
298 | value="21" ${marcar == 'true'?'checked=\"checked\"':''}><label | 234 | value="21" ${marcar == 'true'?'checked=\"checked\"':''}><label |
299 | for="asesWeb">Avaliador e Simulador de Acessibilidade em Sítios (ASES) <span | 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 | <c:set var="marcar" scope="session" value="false" /> | 238 | <c:set var="marcar" scope="session" value="false" /> |
303 | <c:forEach items="${ferramentaValidacao}" var="item"> | 239 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -308,7 +244,7 @@ | @@ -308,7 +244,7 @@ | ||
308 | <input type="checkbox" name="ferramentaValidacao" id="asesDesktop" | 244 | <input type="checkbox" name="ferramentaValidacao" id="asesDesktop" |
309 | value="22" ${marcar == 'true'?'checked=\"checked\"':''}><label | 245 | value="22" ${marcar == 'true'?'checked=\"checked\"':''}><label |
310 | for="asesDesktop">Avaliador e Simulador de Acessibilidade em Sítios (ASES) <span | 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 | <c:set var="marcar" scope="session" value="false" /> | 249 | <c:set var="marcar" scope="session" value="false" /> |
314 | <c:forEach items="${ferramentaValidacao}" var="item"> | 250 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -318,7 +254,7 @@ | @@ -318,7 +254,7 @@ | ||
318 | </c:forEach> | 254 | </c:forEach> |
319 | <input type="checkbox" name="ferramentaValidacao" id="silva" | 255 | <input type="checkbox" name="ferramentaValidacao" id="silva" |
320 | value="23" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 259 | <c:set var="marcar" scope="session" value="false" /> |
324 | <c:forEach items="${ferramentaValidacao}" var="item"> | 260 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -328,7 +264,7 @@ | @@ -328,7 +264,7 @@ | ||
328 | </c:forEach> | 264 | </c:forEach> |
329 | <input type="checkbox" name="ferramentaValidacao" id="access" | 265 | <input type="checkbox" name="ferramentaValidacao" id="access" |
330 | value="24" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 269 | <c:set var="marcar" scope="session" value="false" /> |
334 | <c:forEach items="${ferramentaValidacao}" var="item"> | 270 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -338,7 +274,7 @@ | @@ -338,7 +274,7 @@ | ||
338 | </c:forEach> | 274 | </c:forEach> |
339 | <input type="checkbox" name="ferramentaValidacao" id="tool" | 275 | <input type="checkbox" name="ferramentaValidacao" id="tool" |
340 | value="25" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 279 | <c:set var="marcar" scope="session" value="false" /> |
344 | <c:forEach items="${ferramentaValidacao}" var="item"> | 280 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -348,7 +284,7 @@ | @@ -348,7 +284,7 @@ | ||
348 | </c:forEach> | 284 | </c:forEach> |
349 | <input type="checkbox" name="ferramentaValidacao" id="cynthia" | 285 | <input type="checkbox" name="ferramentaValidacao" id="cynthia" |
350 | value="26" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 289 | <c:set var="marcar" scope="session" value="false" /> |
354 | <c:forEach items="${ferramentaValidacao}" var="item"> | 290 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -358,7 +294,7 @@ | @@ -358,7 +294,7 @@ | ||
358 | </c:forEach> | 294 | </c:forEach> |
359 | <input type="checkbox" name="ferramentaValidacao" id="hera" | 295 | <input type="checkbox" name="ferramentaValidacao" id="hera" |
360 | value="27" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 299 | <c:set var="marcar" scope="session" value="false" /> |
364 | <c:forEach items="${ferramentaValidacao}" var="item"> | 300 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -368,7 +304,7 @@ | @@ -368,7 +304,7 @@ | ||
368 | </c:forEach> | 304 | </c:forEach> |
369 | <input type="checkbox" name="ferramentaValidacao" id="lift" | 305 | <input type="checkbox" name="ferramentaValidacao" id="lift" |
370 | value="28" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 309 | <c:set var="marcar" scope="session" value="false" /> |
374 | <c:forEach items="${ferramentaValidacao}" var="item"> | 310 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -378,7 +314,7 @@ | @@ -378,7 +314,7 @@ | ||
378 | </c:forEach> | 314 | </c:forEach> |
379 | <input type="checkbox" name="ferramentaValidacao" id="taw" | 315 | <input type="checkbox" name="ferramentaValidacao" id="taw" |
380 | value="29" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 319 | <c:set var="marcar" scope="session" value="false" /> |
384 | <c:forEach items="${ferramentaValidacao}" var="item"> | 320 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -388,7 +324,7 @@ | @@ -388,7 +324,7 @@ | ||
388 | </c:forEach> | 324 | </c:forEach> |
389 | <input type="checkbox" name="ferramentaValidacao" id="examinator" | 325 | <input type="checkbox" name="ferramentaValidacao" id="examinator" |
390 | value="30" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 329 | <c:set var="marcar" scope="session" value="false" /> |
394 | <c:forEach items="${ferramentaValidacao}" var="item"> | 330 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -398,7 +334,7 @@ | @@ -398,7 +334,7 @@ | ||
398 | </c:forEach> | 334 | </c:forEach> |
399 | <input type="checkbox" name="ferramentaValidacao" id="functional" | 335 | <input type="checkbox" name="ferramentaValidacao" id="functional" |
400 | value="31" ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 339 | <c:set var="marcar" scope="session" value="false" /> |
404 | <c:forEach items="${ferramentaValidacao}" var="item"> | 340 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -407,9 +343,7 @@ | @@ -407,9 +343,7 @@ | ||
407 | </c:if> | 343 | </c:if> |
408 | </c:forEach> | 344 | </c:forEach> |
409 | <input type="checkbox" name="ferramentaValidacao" id="checklst1" | 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 | <c:set var="marcar" scope="session" value="false" /> | 348 | <c:set var="marcar" scope="session" value="false" /> |
415 | <c:forEach items="${ferramentaValidacao}" var="item"> | 349 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -418,9 +352,7 @@ | @@ -418,9 +352,7 @@ | ||
418 | </c:if> | 352 | </c:if> |
419 | </c:forEach> | 353 | </c:forEach> |
420 | <input type="checkbox" name="ferramentaValidacao" id="checklst2" | 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 | <c:set var="marcar" scope="session" value="false" /> | 357 | <c:set var="marcar" scope="session" value="false" /> |
426 | <c:forEach items="${ferramentaValidacao}" var="item"> | 358 | <c:forEach items="${ferramentaValidacao}" var="item"> |
@@ -434,63 +366,46 @@ | @@ -434,63 +366,46 @@ | ||
434 | </fieldset> | 366 | </fieldset> |
435 | <br> | 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 | <input type="hidden" name="hOutroAvaliador" value="18" /> | 370 | <input type="hidden" name="hOutroAvaliador" value="18" /> |
440 | <textarea name="outroAvaliador" id="outroAvaliador" rows="8" | 371 | <textarea name="outroAvaliador" id="outroAvaliador" rows="8" |
441 | cols="100" maxlength="600">${outroAvaliador}</textarea> | 372 | cols="100" maxlength="600">${outroAvaliador}</textarea> |
442 | - </fieldset> | ||
443 | - <br> | 373 | + <br><br> |
444 | 374 | ||
445 | <fieldset class="pergunta"> | 375 | <fieldset class="pergunta"> |
446 | <input type="hidden" name="hAmostragemSiteQuestionario" value="19" /> | 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 | <c:if test="${not empty lsAmostragemSiteQuestionario}"> | 378 | <c:if test="${not empty lsAmostragemSiteQuestionario}"> |
449 | <c:forEach items="${lsAmostragemSiteQuestionario}" var="amostra"> | 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 | <label for="ases_${amostra.nomeCampo}">Nota ASES: </label> | 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 | <label for="accessMonitor_${amostra.nomeCampo}">Nota AccessMonitor: </label> | 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 | </c:forEach> | 388 | </c:forEach> |
463 | </c:if> | 389 | </c:if> |
464 | </fieldset> | 390 | </fieldset> |
465 | <br> | 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 | <fieldset class="pergunta"> | 406 | <fieldset class="pergunta"> |
490 | <input type="hidden" name="hChecklistQtnList" value="21" /> | 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 | </legend> | 409 | </legend> |
495 | <input type="radio" id="checklist1" name="checklistQtnList" | 410 | <input type="radio" id="checklist1" name="checklistQtnList" |
496 | 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> | 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,8 +417,7 @@ | ||
502 | value="52" ${checklistQtnList == '52'?'checked=\"checked\"':''}><label | 417 | value="52" ${checklistQtnList == '52'?'checked=\"checked\"':''}><label |
503 | for="checklist3">A validação é feita pelo responsável técnico do contrato, seguindo um <i><span | 418 | for="checklist3">A validação é feita pelo responsável técnico do contrato, seguindo um <i><span |
504 | lang="en">checklist</span></i> de validação manual em amostras do conjunto de páginas</label><br> | 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 | for="checklist4">A validação é feita por empresa terceirizada, contratada para ajudar na garantia da qualidade do software, seguindo um <i><span | 421 | for="checklist4">A validação é feita por empresa terceirizada, contratada para ajudar na garantia da qualidade do software, seguindo um <i><span |
508 | lang="en">checklist</span></i> de validação manual</label><br> | 422 | lang="en">checklist</span></i> de validação manual</label><br> |
509 | <input type="radio" id="checklist5" name="checklistQtnList" | 423 | <input type="radio" id="checklist5" name="checklistQtnList" |
@@ -515,7 +429,7 @@ | @@ -515,7 +429,7 @@ | ||
515 | 429 | ||
516 | <fieldset class="pergunta"> | 430 | <fieldset class="pergunta"> |
517 | <input type="hidden" name="hDeficiencias" value="22" /> | 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 | <c:set var="marcar" scope="session" value="false" /> | 434 | <c:set var="marcar" scope="session" value="false" /> |
521 | <c:forEach items="${deficiencias}" var="item"> | 435 | <c:forEach items="${deficiencias}" var="item"> |
@@ -570,13 +484,9 @@ | @@ -570,13 +484,9 @@ | ||
570 | <br> | 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 | <option value="" ${funcionalidade == ''?'selected=\"selected\"':''}>Selecione uma resposta</option> | 490 | <option value="" ${funcionalidade == ''?'selected=\"selected\"':''}>Selecione uma resposta</option> |
581 | <option value="2" | 491 | <option value="2" |
582 | ${funcionalidade == '2'?'selected=\"selected\"':''}>Sim</option> | 492 | ${funcionalidade == '2'?'selected=\"selected\"':''}>Sim</option> |
@@ -585,15 +495,12 @@ | @@ -585,15 +495,12 @@ | ||
585 | <option value="3" | 495 | <option value="3" |
586 | ${funcionalidade == '3'?'selected=\"selected\"':''}>Não</option> | 496 | ${funcionalidade == '3'?'selected=\"selected\"':''}>Não</option> |
587 | </select> | 497 | </select> |
588 | - </fieldset> | ||
589 | - <br> | 498 | + <br><br> |
590 | 499 | ||
591 | <fieldset class="pergunta"> | 500 | <fieldset class="pergunta"> |
592 | <input type="hidden" name="hAssistiva" value="24" /> | 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 | </legend> | 504 | </legend> |
598 | 505 | ||
599 | <c:set var="marcar" scope="session" value="false" /> | 506 | <c:set var="marcar" scope="session" value="false" /> |
@@ -654,7 +561,7 @@ | @@ -654,7 +561,7 @@ | ||
654 | </c:forEach> | 561 | </c:forEach> |
655 | <input type="checkbox" name="assistiva" id="assistiva5" value="60" | 562 | <input type="checkbox" name="assistiva" id="assistiva5" value="60" |
656 | ${marcar == 'true'?'checked=\"checked\"':''}><label | 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 | <c:set var="marcar" scope="session" value="false" /> | 566 | <c:set var="marcar" scope="session" value="false" /> |
660 | <c:forEach items="${assistiva}" var="item"> | 567 | <c:forEach items="${assistiva}" var="item"> |
@@ -682,37 +589,42 @@ | @@ -682,37 +589,42 @@ | ||
682 | <c:set var="marcar" scope="session" value="true" /> | 589 | <c:set var="marcar" scope="session" value="true" /> |
683 | </c:if> | 590 | </c:if> |
684 | </c:forEach> | 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 | </fieldset> | 593 | </fieldset> |
689 | <br> | 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 | <input type="hidden" name="hJustificativaAssistiva" value="25" /> | 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 | <input type="hidden" name="hDificuldadePrazo" value="26" /> | 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 | </fieldset> | 618 | </fieldset> |
708 | 619 | ||
709 | 620 | ||
621 | + | ||
710 | <div id="botao"> | 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 | </div> | 625 | </div> |
714 | - <input type="hidden" name="idQuestionario" | ||
715 | - value="${questionario.idQuestionario}" /> | 626 | + |
627 | + <input type="hidden" name="idQuestionario" value="${questionario.idQuestionario}" /> | ||
716 | <input type="hidden" name="nomePessoa" value="${nomePessoa}" /> | 628 | <input type="hidden" name="nomePessoa" value="${nomePessoa}" /> |
717 | <input type="hidden" name="hNomePessoa" value="${hNomePessoa}" /> | 629 | <input type="hidden" name="hNomePessoa" value="${hNomePessoa}" /> |
718 | <input type="hidden" name="hCargo" value="${hCargo}" /> | 630 | <input type="hidden" name="hCargo" value="${hCargo}" /> |
@@ -721,6 +633,7 @@ | @@ -721,6 +633,7 @@ | ||
721 | <input type="hidden" name="hTelefone" value="${hTelefone}" /> | 633 | <input type="hidden" name="hTelefone" value="${hTelefone}" /> |
722 | <input type="hidden" name="email" value="${email}" /> | 634 | <input type="hidden" name="email" value="${email}" /> |
723 | <input type="hidden" name="hEmail" value="${hEmail}" /> | 635 | <input type="hidden" name="hEmail" value="${hEmail}" /> |
636 | + | ||
724 | </form> | 637 | </form> |
725 | 638 | ||
726 | </div> | 639 | </div> |