evento de redação web

Ministério do Planejamento, Orçamento e GestãoSecretaria de Logística e Tecnologia da Informação

Departamento de Governo Eletrônico

Padrões em Padrões em Governo Governo EletrônicoEletrônico

2 de 44governoeletronico.gov.br

Todas informações dessa apresentação podem ser acessadas no nosso site:

3 de 44

Sítios Rede Governo (Guia de Serviços) Governo eletrônico

Padrões: E-Mag Padrões Brasil e-gov

Análise de sítios Indicadores e Pesquisas Criação de indicadores Gestão de domínios Apoio na criação, melhoria e unificação de e-serviços

DGE – Departamento de Governo Eletrônico

4 de 44

Como nós, brasileiros, acessamos a web?

5 de 44

Já acessaram a internet 90% classe A, 78% classe B 50% classe C 18% classe DE

Conexão de banda < 256 Kbps 39% Classe C 53% Classe DE

Conexão de banda 256-1Mpbs 31% Classe A 21% Classe B

• Acessam de Casa ou LanHouses

• Porque não tem acesso? Custo elevado/ Não tem como pagar (50% classe C, 61% Classes DE)

Fonte (Source): NIC.br - set/nov (sep/nov) 2009

Como acessamos a web

6 de 44

• 55% Não acessou serviços de governo eletrônico nos últimos três meses;

• 41% Acessar informações sobre serviços e/ou órgãos públicos;

• Emitir vias para pagamentos e taxas;• Fazer o download de documentos oficiais;• Enviar e-mails ou formulários oficiais preenchidos para órgãos públicos;

• Fazer denúncias;


Interação com o governo via Internet

7 de 44

56% Prefiro fazer o contato pessoalmente 15% Preocupação com proteção e segurança dos meus

dados 13% Outro motivo 12% Usar a Internet para contato com a administração

pública é muito complicado


Motivos para não utilizar Governo Eletrônico

8 de 44

Contribuição da Consulta Pública da Cartilha de Usabilidade Padrões Brasil eGOV.

Comentário: “Ótimo. O site da previdência social, pelo menos, é triste! Muito Confuso. Levei 5 dias para descobrir como recolher o INSS da senhora que trabalha aqui em casa.

9 de 44

http://xkcd.com/773/

Dois conjuntos com uma intersecção:

Coisas na página inicial do site de uma universidade• Slideshow de fotos do campus•Exalunos nos jornais•Passeio virtual•Carta do presidente

Coisas que as pessoas vão ao site procurar:Lista de telefones e emails da instituiçãoMapa usável do campusCalendário acadêmicoFormulários de inscriçãoLista de departamentos e cursos

No campo em comum aos dois conjuntos: Nome completo da escola

10 de 44

Imagem mostrando a Página Brasil.gov.br como a página do google. Apenas com o nome e um campo de busca

11 de 44

• Web para todos• Web em qualquer dispositivo• Web base de conhecimento• Web confiável e segura

O que são Padrões Web

12 de 44

Padrões são importantes também para:

Tornar as informações relevantes nas páginas de busca

13 de 44

Padrões são importantes também para:

Para tirar proveito das tecnologias web 2.0

14 de 44

•Dados governamentais abertos

Dados governamentais abertos1. Se ele não pode ser encontrado na web e indexado,

ele não existe.

2. Se não estiver aberto e disponível em formato compreensível por máquina, ele não pode ser utilizado.

3. Se qualquer dispositivo legal não permitir que ele seja reutilizado, ele não é útil.

David Eaves http://eaves.ca/2009/09/30/three-law-of-open-government-data/

Padrões são importantes para:

15 de 44

Como o governo está em relação aos padrões?

91%Apresentam mais de um erro de validação

4% não puderam ser avaliadas

16 de 44

Descompasso entre as áreas técnicas e de comunicação;

Qualificação; Falta de fiscalização/cobrança; “Grátis e Fácil” Entendimento da web como um canal de

relacionamento com o cidadão.

Como o governo está em relação aos padrões?

17 de 44

E-Mag (acessibilidade) Padrões Brasil e-gov e-PING

Padrões em Governo Eletrônico

18 de 44

A

Tim Berners-Lee, diretor do W3C afirma que o poder da Web está na sua universalidade. Para ele, “ser acessada por todos, independente de deficiência, é um aspecto essencial”.

A acessibilidade na Web significa, portanto, permitir o acesso a todos, independente do tipo de usuário, situação ou ferramenta.

e-MAG (Acessibilidade)

19 de 44

De acordo com os dados do Censo de 2000, 24,5 milhões de pessoas (14,5%) da população brasileira, que apresentam algum tipo de incapacidade ou deficiência.

8,3% apresentam deficiência mental 4,1 % apresentam deficiência física 48,1% apresentam deficiência visual 16,7% apresentam deficiência auditiva.

Acessibilidade - Dados

20 de 44

53%Falta de habilidade como computador/internetFonte: Pesquisa TIC Domicílios 2009 –CGI.brPessoas que nunca acessaram a internet, mas usaram um computador

Motivos pelos quais nunca utilizou a internet

Acessibilidade - Dados

21 de 44

98% das páginas do governo não são acessíveis

22 de 44

Acessibilidade - Legislação

Lei Nº 10.098, de 19 de dezembro de 2000

Decreto Nº 5.296, de 2 dezembro de 2004

Portaria Nº3, de 7 de maio de 2007

Convenção sobre os Direitos das Pessoas com Deficiência (2007) Ratificada pelo Congresso Nacional em 09/07/2008 pelo decreto legislativo nº 186/2008 e todos os seus artigos são de aplicação imediata

23 de 44

Modelo de Acessibilidade de Governo Eletrônico (e-MAG)

Conjunto de recomendações a ser considerado para que o processo de acessibilidade dos sítios e portais do Governo Brasileiro.

Criado a partir da pesquisa em legislações de 12 países – em especial a Irlanda;

Internet como escopo inicial.

Em maio de 2007 o modelo passou a ser obrigatório no âmbito do SISP por intermédio da Portaria nº 03.

24 de 44


Recomendações de Acessibilidade

Formam a base para o processo de acessibilidade; Segmentadas conforme os Níveis de Prioridades Possuem uma ordenação e numeração lógica,

compatível com a segmentação por Níveis de Prioridades;

25 de 44


Níveis de prioridade:

Nível de Prioridade 1: Mínimo. Exigências básicas de acessibilidade. Pontos em que os criadores e adaptadores de conteúdo Web devem satisfazer inteiramente. Se não cumpridas, grupos de usuários ficarão impossibilitados de acessar as informações do documento.

Recomendação 1.13 - Fornecer resumos das tabelas utilizando o atributo “summary”, caso seja criada uma tabela para dados. Se a tabela foi criada para efeito de design, deixar o “summary” em branco.

26 de 44


Nível de Prioridade 2: Importante. Normas e recomendações de acessibilidade cuja implementação garante o acesso às informações do documento. Se não cumpridas, grupos de usuários terão dificuldades para navegar e acessar as informações do documento.

Recomendação 2.4 - Não criar páginas com atualização automática periódica, até que os leitores de tela ou navegadores possibilitem o controle da atualização para o usuário. Não utilize a tag meta “refresh” ou dispositivos semelhantes para atualização da página. Caso a página seja continuamente atualizada, informe ao usuário que ele deve “recarregar” a página de tempos em tempos.

27 de 44


Nível de Prioridade 3: Desejável. Normas e recomendações de acessibilidade que sendo implementadas facilitarão o acesso aos documentos armazenados na Web. Se não cumpridas, grupos de usuários poderão encontrar dificuldades para acessar as informações dos documentos armazenados na Web.

Recomendação 3.1 - Não usar elementos considerados ultrapassados pelo W3C.

Evite usar comandos que caíram em desuso pelo HTML 4.0 como “blink” , “marquee” , “applet”, “basefont”, “center”, “dir”, “align”, “font”, “isindex”, “menu”, “strike”, “u”. Para as formatações dê preferência ao uso de folhas de estilo. Os comandos “listing”, “plaintext” e “xmp” que podem ser substituídos pelo comando “pre”.

28 de 44

Processo de acessibilidade

1. Verificar a necessidade de acessibilidade;

2. Tornar acessível o conteúdo;

3. Validar a acessibilidade;

4. Promover a acessibilidade conquistada

5. Garantir a continuidade da acessibilidade

29 de 44

Apoio, ferramentas e disseminação

Cursos on-line

•Ambiente de EAD

•Curso Modelo – 10 horas

•Curso Cartilha – 30 horas

Fórum

Discussão e implementação do modelo. É um espaço para o desenvolvedor trocar experiências e tirar suas dúvidas.

www.governoeletronico.gov.br/forum

30 de 44

Tela inicial do ASES

31 de 44

1. Avaliadores• Avaliador de acessibilidade web;• Avaliador de código HTML/XHTML;• Avaliador de código CSS.

2. Simuladores• Simulador de navegação para cegos;• Simulador de navegação para baixa visão.

3. Ferramentas de apoio• Associador de textos alternativos para as tags: img, object e

script;• Associador de rótulos;• Editor de DocTypes;• Preenchedor de formulários; • Links redundantes;• Corretor de eventos.

Avaliador e Simulador para Acessibilidade de Sítios - ASES

32 de 44

Comunidade ASES no portal de software público

33 de 44

Outros documentos de suporte

Textos explicativos; tabelas, formulários, texto alternativo para imagens;

Checklists: para programadores/analistas e portadores de deficiência;

Comparativos de leitores de Tela; Documentos sobre validadores automáticos.

34 de 44

Padrões Brasil e-GOV

Iniciativa do Departamento de Governo Eletrônico com objetivo de qualificar e orientar o desenvolvimento de páginas, sítios e portais do Governo Federal.

35 de 44


Desdobramentos esperados

Para o cidadão:

1 Páginas mais leves e coerentes;

2 Serviços acessíveis em diversos dispositivos;

3 Facilidade de leitura, apreensão do conteúdo e navegação;

4 Diminuição na curva de aprendizado;

5 Qualificação na comunicação com o governo.

36 de 44


Desdobramentos esperados Para o governo:

1 Custos de banda/servidor reduzidos;

2 Subsídios para licitação e contratação de empresas;

3 Diminuição nos tempos e custos de desenvolvimento e manutenção;

4 Qualificação na comunicação do governo com o cidadão.

37


Componentes:

Cartilhas de recomendações; Guia de administração; Modelos e arquivos-base.

38


Cartilha de codificaçãoDisponível

Detalha recomendações de boas práticas em codificação, de acordo com os padrões web do World Wide Web Consortium (W3C).

39


Guia de administraçãoDisponível

Detalha o que é necessário para a concepção, desenvolvimento, manutenção e gestão de sítios e portais governamentais.

40


Cartilha de UsabilidadeDisponível

Apresenta heurísticas (recomendações) em usabilidade, exemplos práticos e orientações para testes.

41


Cartilha de redação webDisponível

Detalha recomendações de boas práticas em redação web (webwriting).

42


Cartilha de desenho e arquitetura de informaçãoem produção

Detalha recomendações de boas práticas em desenho e arquitetura de informação, lista de tipos de sítios, utilização de imagens, identidade visual e navegação.

43


Modelos e arquivos baseEm produção

Lista de gerenciadores de conteúdo; Modelos de diagramação; Modelos de formulários; Folhas de estilo base; Tutoriais; Ícones padrões.

44 de 44

Fernanda Hoffmann Lobato

Departamento de Governo EletrônicoSecretaria de Logística e Tecnologia da Informação

Ministério do Planejamento, Orçamento e Gestão

[email protected]

+55 (61) 20201738

evento de redação web

Technology