Mudanças entre as edições de "Padrão de desenho da identidade visual"

De PJe
Ir para: navegação, pesquisa
(IV1)
(IV1)
Linha 26: Linha 26:
 
|}
 
|}
  
== IV1 ==
+
== IV2 ==
 
{| border=0 width="50%"
 
{| border=0 width="50%"
 
|-
 
|-
Linha 40: Linha 40:
  
  
 +
== IV3 ==
 +
{| border=0 width="50%"
 +
|-
 +
|<b>Nome do padrão</b>
 +
|<b>Descrição do padrão</b>
 +
|<b>Referência</b>
 +
|-
 +
| Separar forma do conteúdo
 +
| Devem ser utilizadas folhas de estilo (CSS) para separar a forma do conteúdo das páginas.
 +
| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s1.1 Diretrizes da Cartilha de Codificação - ePWG]
 +
|-
 +
|}
  
  
Separação da forma do conteúdo
+
== IV4 ==
 +
{| border=0 width="50%"
 +
|-
 +
|<b>Nome do padrão</b>
 +
|<b>Descrição do padrão</b>
 +
|<b>Referência</b>
 +
|-
 +
| Independência de navegadores
 +
| Não utilizar tags ou comandos proprietários.
 +
| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s1.1 Diretrizes da Cartilha de Codificação - ePWG]
 +
|-
 +
|}
  
Separe a estrutura e o conteúdo da página de sua codificação e visual. O posicionamento, a forma e a cor devem ser criados a partir de folhas de estilo (CSS).
 
  
Páginas em conformidade com os padrões Web
 
  
Padrões Web são especificações abertas que prevêem a acessibilidade desses documentos ao maior grupo de indivíduos possível.
 
  
Páginas independentes de navegador e plataforma
 
  
A utilização de tags ou comandos proprietários podem comprometer, prejudicar e até impedir a visualização e o perfeito funcionamento da página em outros navegadores ou sistemas operacionais.
 
  
 
[[Category:PJe2]]
 
[[Category:PJe2]]

Edição das 18h13min de 22 de junho de 2015

O objetivo da padronização do desenho da identidade visual é agregar os conceitos de acessibilidade previstos no Modelo de Acessibilidade em Governo Eletrônico - eMag na metodologia de desenvolvimento do PJe.

Conforme previsto no modelo, são previstos os seguintes passos para desenvolvimento de um sítio acessível:

   1. Seguir os padrões Web;
   2. Seguir as diretrizes ou recomendações de acessibilidade;
   3. Realizar a avaliação de acessibilidade.

Descreveremos nesse padrão as diretrizes e recomendações de acessibilidade, assim como os padrões web determinados pelo ePWG, ou seja, os passos 1 e 2 acima.

A avaliação de acessibilidade é um passo que deve estar descrito no processo de desenvolvimento de software utilizado.

Conteúdo

IV1

Nome do padrão Descrição do padrão Referência
Erros de entrada de dados Após submissão de formulários, quando um ou mais erros de entrada de dados for detectado, o foco deve retornar ao início do formulário contendo o(s) aviso(s) do(s) erro(s) e, para cada erro encontrado, um link para permitir ao usuário retornar o foco ao campo onde o erro foi detectado.

Exemplo: Erros.png

Recomendação 6.6 [1]

IV2

Nome do padrão Descrição do padrão Referência
Páginas leves As páginas devem ter até 50 kb, somados código, conteúdo e imagens. Recomenda-se que as páginas não ultrapassem 70kb de tamanho. A verificação do tamanho da página é viabilizada por meio da verificação de suas propriedades. Diretrizes da Cartilha de Codificação - ePWG


IV3

Nome do padrão Descrição do padrão Referência
Separar forma do conteúdo Devem ser utilizadas folhas de estilo (CSS) para separar a forma do conteúdo das páginas. Diretrizes da Cartilha de Codificação - ePWG


IV4

Nome do padrão Descrição do padrão Referência
Independência de navegadores Não utilizar tags ou comandos proprietários. Diretrizes da Cartilha de Codificação - ePWG
Ferramentas pessoais
Espaços nominais

Variantes
Ações
Navegação
Informações Gerais
Aplicativos PJe
Manuais
Suporte
Ferramentas