https://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&feed=atom&action=historyPadrão de desenho da identidade visual - Histórico de revisão2024-03-28T19:35:48ZHistórico de revisões para esta página neste wikiMediaWiki 1.20.0https://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19110&oldid=prevRenata.catao: /* IV34 */2015-07-10T18:31:13Z<p><span dir="auto"><span class="autocomment">IV34</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 18h31min de 10 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 535:</td>
<td colspan="2" class="diff-lineno">Linha 535:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Navegadores  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Navegadores  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| O PJe, a partir da versão 2.0, deve funcionar nos seguintes navegadores, independente do sistema em que está instalado:</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| O PJe, a partir da versão 2.0, deve funcionar nos seguintes navegadores, independente do sistema em que está instalado:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Mozilla Firefox <del class="diffchange diffchange-inline">versão </del>41</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Mozilla Firefox <ins class="diffchange diffchange-inline">versões </ins>41 <ins class="diffchange diffchange-inline">e seguintes</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Google Chrome <del class="diffchange diffchange-inline">versão </del>43</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* Google Chrome<ins class="diffchange diffchange-inline">, versões </ins>43 <ins class="diffchange diffchange-inline">e seguintes</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Deve-se, então, testar o CSS e o HTML nos navegadores citados acima.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Deve-se, então, testar o CSS e o HTML nos navegadores citados acima.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s4.1 Validação - ePWG]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s4.1 Validação - ePWG]</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19109&oldid=prevRenata.catao: /* IV4 */2015-07-10T18:30:33Z<p><span dir="auto"><span class="autocomment">IV4</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 18h30min de 10 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 62:</td>
<td colspan="2" class="diff-lineno">Linha 62:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Independência de navegadores</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Independência de navegadores</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>| Não utilizar tags ou comandos proprietários. <del class="diffchange diffchange-inline">(pode</del>-se validar usando o [https://validator.w3.org/ validador da w3c]<del class="diffchange diffchange-inline">)</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>| Não <ins class="diffchange diffchange-inline">se deve </ins>utilizar tags ou comandos proprietários <ins class="diffchange diffchange-inline">de APIs de navegadores</ins>. <ins class="diffchange diffchange-inline">Pode</ins>-se validar <ins class="diffchange diffchange-inline">o uso de tags e comando padrão </ins>usando o [https://validator.w3.org/ validador da w3c]<ins class="diffchange diffchange-inline">.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s1.1 Diretrizes da Cartilha de Codificação - ePWG]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s1.1 Diretrizes da Cartilha de Codificação - ePWG]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|}</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== IV5 ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== IV5 ==</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19104&oldid=prevRenata.catao: /* IV34 */2015-07-10T18:02:02Z<p><span dir="auto"><span class="autocomment">IV34</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 18h02min de 10 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 535:</td>
<td colspan="2" class="diff-lineno">Linha 535:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Navegadores  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Navegadores  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>| O PJe, a partir da versão 2.0, deve funcionar nos seguintes navegadores <del class="diffchange diffchange-inline">e sistemas</del>:</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>| O PJe, a partir da versão 2.0, deve funcionar nos seguintes navegadores<ins class="diffchange diffchange-inline">, independente do sistema em que está instalado</ins>:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*Firefox <del class="diffchange diffchange-inline">em Windows</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* <ins class="diffchange diffchange-inline">Mozilla </ins>Firefox <ins class="diffchange diffchange-inline">versão 41</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*<del class="diffchange diffchange-inline">Internet Explorer 7.0 e 6 em Windows XP</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* <ins class="diffchange diffchange-inline">Google Chrome versão 43</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">*Firefox em Linux/Ubuntu</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Deve-se, então, testar o CSS e o HTML nos navegadores citados acima.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">*Safári em Mac</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Deve-se, então, testar o CSS e o HTML nos navegadores <del class="diffchange diffchange-inline">e sistemas </del>citados acima.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s4.1 Validação - ePWG]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s4.1 Validação - ePWG]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19093&oldid=prevRenata.catao: /* IV34 */2015-07-10T17:08:31Z<p><span dir="auto"><span class="autocomment">IV34</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 17h08min de 10 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 534:</td>
<td colspan="2" class="diff-lineno">Linha 534:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|<b>Referência</b></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|<b>Referência</b></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>| Navegadores <del class="diffchange diffchange-inline">e sistemas</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>| Navegadores  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>| <del class="diffchange diffchange-inline">Deve-se testar o CSS e o HTML </del>nos navegadores <del class="diffchange diffchange-inline">mais modernos para depois testar em outros mais antigos. Outra regra a ser seguida é testar a página em navegadores que sigam os padrões Web, como o Firefox </del>e <del class="diffchange diffchange-inline">Ópera, para depois testar em navegadores com suporte deficiente aos padrões. A seguir uma sugestão de ordem de teste em navegadores</del>:</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>| <ins class="diffchange diffchange-inline">O PJe, a partir da versão 2.0, deve funcionar </ins>nos <ins class="diffchange diffchange-inline">seguintes </ins>navegadores e <ins class="diffchange diffchange-inline">sistemas</ins>:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Firefox <del class="diffchange diffchange-inline">e Ópera </del>em Windows</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">*</ins>Firefox em Windows</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div> </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">*</ins>Internet Explorer 7.0 e 6 em Windows XP</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">São os dois navegadores mais próximos dos padrões web. Se o desenho e estrutura da página funcionam nesses dois navegadores, poucos ajustes precisaram ser realizados nas configurações a seguir.</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">*</ins>Firefox em Linux/Ubuntu</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Internet Explorer 7.0 e 6 em Windows XP</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">*</ins>Safári em Mac</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div> </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">Deve-se, então, testar </ins>o <ins class="diffchange diffchange-inline">CSS e o HTML nos navegadores e sistemas citados acima</ins>.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">São os navegadores mais utilizados do mercado e possuem muitas não-conformidades com os padrões web. A Microsoft recomenda que os ajustes de CSS que precisem ser realizados devem ser feitos por meio de comentários condicionais (conditional comments).</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Firefox em Linux/Ubuntu</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div> </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">A possibilidade de erros nesse teste é pequena, já que o Firefox foi testado anteriormente no Windows. Os erros mais comuns costumam acontecer na camada de comportamento.</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Safári em Mac</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div> </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">Apesar do número menor de usuários em Mac </del>o <del class="diffchange diffchange-inline">teste nessa plataforma deve ser realizado quando possível</del>.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s4.1 Validação - ePWG]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s4.1 Validação - ePWG]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19039&oldid=prevRenata.catao: /* IV50 */2015-07-07T18:33:37Z<p><span dir="auto"><span class="autocomment">IV50</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 18h33min de 7 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 806:</td>
<td colspan="2" class="diff-lineno">Linha 806:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| A página de acessibilidade apresenta os recursos de acessibilidade presentes no sítio, como as teclas de atalho disponíveis, as opções de alto contraste, detalhes sobre testes de acessibilidade realizados (validadores automáticos, leitores de tela e validação humana) no sítio e outras informações pertinentes a respeito de sua acessibilidade. O link para a página contendo os recursos de acessibilidade deve ser disponibilizado na barra de acessibilidade.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| A página de acessibilidade apresenta os recursos de acessibilidade presentes no sítio, como as teclas de atalho disponíveis, as opções de alto contraste, detalhes sobre testes de acessibilidade realizados (validadores automáticos, leitores de tela e validação humana) no sítio e outras informações pertinentes a respeito de sua acessibilidade. O link para a página contendo os recursos de acessibilidade deve ser disponibilizado na barra de acessibilidade.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Um modelo funcional da página pode ser visto em:http://portalpadrao.plone.org.br/acessibilidade  </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Um modelo funcional da página pode ser visto em: http://portalpadrao.plone.org.br/acessibilidade  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://emag.governoeletronico.gov.br/#s4 Elementos padronizados do eMag]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://emag.governoeletronico.gov.br/#s4 Elementos padronizados do eMag]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19038&oldid=prevRenata.catao: /* IV50 */2015-07-07T18:33:26Z<p><span dir="auto"><span class="autocomment">IV50</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 18h33min de 7 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 804:</td>
<td colspan="2" class="diff-lineno">Linha 804:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Página de acessibilidade</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Página de acessibilidade</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>|  </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>| <ins class="diffchange diffchange-inline">A página de acessibilidade apresenta os recursos de acessibilidade presentes no sítio, como as teclas de atalho disponíveis, as opções de alto contraste, detalhes sobre testes de acessibilidade realizados (validadores automáticos, leitores de tela e validação humana) no sítio e outras informações pertinentes a respeito de sua acessibilidade. O link para a página contendo os recursos de acessibilidade deve ser disponibilizado na barra de acessibilidade.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">Um modelo funcional da página pode ser visto em:http://portalpadrao.plone.org.br/acessibilidade </ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://emag.governoeletronico.gov.br/#s4 Elementos padronizados do eMag]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://emag.governoeletronico.gov.br/#s4 Elementos padronizados do eMag]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19037&oldid=prevRenata.catao: /* IV49 */2015-07-07T18:30:21Z<p><span dir="auto"><span class="autocomment">IV49</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 18h30min de 7 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 794:</td>
<td colspan="2" class="diff-lineno">Linha 794:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|}</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">== IV50 ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">{| border=0 width="50%"</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|-</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|<b>Nome do padrão</b></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|<b>Descrição do padrão</b></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|<b>Referência</b></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|-</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">| Página de acessibilidade</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">| </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">| [http://emag.governoeletronico.gov.br/#s4 Elementos padronizados do eMag]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|-</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">|}</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:PJe2]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:PJe2]]</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19034&oldid=prevRenata.catao: /* IV49 */2015-07-07T17:28:50Z<p><span dir="auto"><span class="autocomment">IV49</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 17h28min de 7 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 785:</td>
<td colspan="2" class="diff-lineno">Linha 785:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Alto contraste</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Alto contraste</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>| O sítio deve oferecer a opção de uso "Alto contraste", que consiste em permitir que o usuário altere o padrão de visualização do <del class="diffchange diffchange-inline">site</del>, aumentando o contraste de cores de alguns textos e imagens na tela do computador, tornando esses itens mais distintos e fáceis de identificar. A opção "Alto contraste" deve gerar uma página em que a relação de contraste entre o plano de fundo e os elementos do primeiro plano seja de, no mínimo 7:1 (contraste otimizado). Desta forma, a folha principal da visualização em alto constraste deve obedecer a seguinte configuração de cores:</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>| O sítio deve oferecer a opção de uso "Alto contraste", que consiste em permitir que o usuário altere o padrão de visualização do <ins class="diffchange diffchange-inline">sítio</ins>, aumentando o contraste de cores de alguns textos e imagens na tela do computador, tornando esses itens mais distintos e fáceis de identificar. A opção "Alto contraste" deve gerar uma página em que a relação de contraste entre o plano de fundo e os elementos do primeiro plano seja de, no mínimo 7:1 (contraste otimizado). Desta forma, a folha principal da visualização em alto constraste deve obedecer a seguinte configuração de cores:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Cor de fundo : independente da cor utilizada, ela deve ser alterada para preto (#000000) ;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Cor de fundo : independente da cor utilizada, ela deve ser alterada para preto (#000000) ;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Cor de texto : independente da cor utilizada, ela deve ser alterada para branco (#FFFFFF) ;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Cor de texto : independente da cor utilizada, ela deve ser alterada para branco (#FFFFFF) ;</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19033&oldid=prevRenata.catao: /* IV49 */2015-07-07T17:25:12Z<p><span dir="auto"><span class="autocomment">IV49</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 17h25min de 7 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 785:</td>
<td colspan="2" class="diff-lineno">Linha 785:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Alto contraste</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Alto contraste</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>| O <del class="diffchange diffchange-inline">site </del>deve oferecer a opção de uso "Alto contraste", que consiste em permitir que o usuário altere o padrão de visualização do site, aumentando o contraste de cores de alguns textos e imagens na tela do computador, tornando esses itens mais distintos e fáceis de identificar. A opção "Alto contraste" deve gerar uma página em que a relação de contraste entre o plano de fundo e os elementos do primeiro plano seja de, no mínimo 7:1 (contraste otimizado). Desta forma, a folha principal da visualização em alto constraste deve obedecer a seguinte configuração de cores:</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>| O <ins class="diffchange diffchange-inline">sítio </ins>deve oferecer a opção de uso "Alto contraste", que consiste em permitir que o usuário altere o padrão de visualização do site, aumentando o contraste de cores de alguns textos e imagens na tela do computador, tornando esses itens mais distintos e fáceis de identificar. A opção "Alto contraste" deve gerar uma página em que a relação de contraste entre o plano de fundo e os elementos do primeiro plano seja de, no mínimo 7:1 (contraste otimizado). Desta forma, a folha principal da visualização em alto constraste deve obedecer a seguinte configuração de cores:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Cor de fundo : independente da cor utilizada, ela deve ser alterada para preto (#000000) ;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Cor de fundo : independente da cor utilizada, ela deve ser alterada para preto (#000000) ;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Cor de texto : independente da cor utilizada, ela deve ser alterada para branco (#FFFFFF) ;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* Cor de texto : independente da cor utilizada, ela deve ser alterada para branco (#FFFFFF) ;</div></td></tr>
</table>Renata.cataohttps://www.pje.jus.br/wiki/index.php?title=Padr%C3%A3o_de_desenho_da_identidade_visual&diff=19032&oldid=prevRenata.catao: /* IV47 */2015-07-07T17:25:01Z<p><span dir="auto"><span class="autocomment">IV47</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Edição anterior</td>
<td colspan='2' style="background-color: white; color:black;">Edição das 17h25min de 7 de julho de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno">Linha 749:</td>
<td colspan="2" class="diff-lineno">Linha 749:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Barra de acessibilidade</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| Barra de acessibilidade</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| O sítio deverá conter uma barra de acessibilidade no topo direito de cada página contendo os seguintes itens:</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| O sítio deverá conter uma barra de acessibilidade no topo direito de cada página contendo os seguintes itens:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* [[Padrão_de_desenho_da_identidade_visual#IV49|<del class="diffchange diffchange-inline">Alto </del>contraste]]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* [[Padrão_de_desenho_da_identidade_visual#IV49|<ins class="diffchange diffchange-inline">Opção de uso do sítio em alto </ins>contraste]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Padrão_de_desenho_da_identidade_visual#IV48|Atalhos de teclado]]  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Padrão_de_desenho_da_identidade_visual#IV48|Atalhos de teclado]]  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* [[<del class="diffchange diffchange-inline">Acessibilidade</del>]]  </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* [[<ins class="diffchange diffchange-inline">Padrão_de_desenho_da_identidade_visual#IV50|Página de descrição com os recursos de acessibilidade do sítio</ins>]]  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://emag.governoeletronico.gov.br/#s4 Elementos padronizados do eMag]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>| [http://emag.governoeletronico.gov.br/#s4 Elementos padronizados do eMag]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>|-</div></td></tr>
</table>Renata.catao