Padrão de desenho da identidade visual

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.

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:	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. (pode-se validar usando o validador da w3c)	Diretrizes da Cartilha de Codificação - ePWG

IV5

Nome do padrão	Descrição do padrão	Referência
Valores nas linguagens de marcação XHTML E HTML	Deve-se usar caixa baixa e aspas em todos os valores (pode-se validar usando o validador da w3c)	Padrões Web da Cartilha de Codificação - ePWG

IV6

Nome do padrão	Descrição do padrão	Referência
Fechamento dos elementos	Todos elementos devem ser fechados, incluindo os elementos que em HTML não possuem tag de fechamento. Exemplo: <br/> (pode-se validar usando o validador da w3c)	Padrões Web da Cartilha de Codificação - ePWG

IV7

Nome do padrão	Descrição do padrão	Referência
Abreviação de atributos	Os atributos dos elementos não devem ser abreviados, ou seja, em um checkbox marcado, por exemplo, o certo é escrever: checked="checked" Não deve ser usada a notação: checked (pode-se validar usando o validador da w3c)	Padrões Web da Cartilha de Codificação - ePWG

IV8

Nome do padrão	Descrição do padrão	Referência
Não usar elementos depreciados	Elementos e atributos depreciados não devem ser utilizados. A lista atualizada dos elementos está disponível na lista de elementos do html do w3c (coluna Depr marcada com "D"). A lista atualizada dos atributos está disponível na lista de atributos do html do w3c (coluna Depr marcada com "D"). Na lista disponível em Elementos e atributos depreciados HTML consta o que estava depreciado em 22/06/2015. (pode-se validar usando o validador da w3c)	Padrões Web da Cartilha de Codificação - ePWG