Mudanças entre as edições de "Padrão de desenho da identidade visual"
De PJe
Renata.catao (disc | contribs) (→IV8) |
Renata.catao (disc | contribs) (→IV8) |
||
| Linha 126: | Linha 126: | ||
| − | == | + | == IV9 == |
{| border=0 width="50%" | {| border=0 width="50%" | ||
|- | |- | ||
| Linha 135: | Linha 135: | ||
| Utilizar estilos específicos por dispositivo | | Utilizar estilos específicos por dispositivo | ||
| Na construção do CSS, deve-se evitar o uso do Media Type "all" a fim de melhorar a acessibilidade. Por exemplo, para estilos que serão apresentados em telas de computador, deve-se usar o Media Type "screen". | | Na construção do CSS, deve-se evitar o uso do Media Type "all" a fim de melhorar a acessibilidade. Por exemplo, para estilos que serão apresentados em telas de computador, deve-se usar o Media Type "screen". | ||
| + | | [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s2.3 CSS da Cartilha de Codificação - ePWG] | ||
| + | |- | ||
| + | |} | ||
| + | |||
| + | == IV10 == | ||
| + | {| border=0 width="50%" | ||
| + | |- | ||
| + | |<b>Nome do padrão</b> | ||
| + | |<b>Descrição do padrão</b> | ||
| + | |<b>Referência</b> | ||
| + | |- | ||
| + | | Utilizar arquivos externos para especificar estilos | ||
| + | | A especificação dos estilos deve ser feita em arquivos separados e sua utilização deve ser viabilizada por meio de "@import", especificando o dispositivo ao qual o estilo se destina. | ||
| [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s2.3 CSS da Cartilha de Codificação - ePWG] | | [http://epwg.governoeletronico.gov.br/cartilha-codificacao#s2.3 CSS da Cartilha de Codificação - ePWG] | ||
|- | |- | ||
Edição das 17h40min de 23 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:
|
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 |
IV9
| Nome do padrão | Descrição do padrão | Referência |
| Utilizar estilos específicos por dispositivo | Na construção do CSS, deve-se evitar o uso do Media Type "all" a fim de melhorar a acessibilidade. Por exemplo, para estilos que serão apresentados em telas de computador, deve-se usar o Media Type "screen". | CSS da Cartilha de Codificação - ePWG |
IV10
| Nome do padrão | Descrição do padrão | Referência |
| Utilizar arquivos externos para especificar estilos | A especificação dos estilos deve ser feita em arquivos separados e sua utilização deve ser viabilizada por meio de "@import", especificando o dispositivo ao qual o estilo se destina. | CSS da Cartilha de Codificação - ePWG |
