Padrão de desenho da identidade visual

De PJe
Edição feita às 18h11min de 22 de junho de 2015 por Renata.catao (disc | contribs)

Ir para: navegação, pesquisa

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: Erros.png

Recomendação 6.6 [1]

IV1

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



Separação da forma do conteúdo

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.

Ferramentas pessoais
Espaços nominais

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