Padrão de desenho da identidade visual

De PJe
Edição feita às 18h26min 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.

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


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 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/> Padrões Web da Cartilha de Codificação - ePWG
Ferramentas pessoais
Espaços nominais

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