evento de redação web
DESCRIPTION
Palestra sobre os padrões em governo eletrônico realizada no evento de treinamento em Redação para Web com o Bruno Rodrigues. Universidade dos Correios 10-11 de agosto, 2010TRANSCRIPT
![Page 1: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/1.jpg)
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
![Page 2: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/2.jpg)
2 de 44governoeletronico.gov.br
Todas informações dessa apresentação podem ser acessadas no nosso site:
![Page 3: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/3.jpg)
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
![Page 4: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/4.jpg)
4 de 44
Como nós, brasileiros, acessamos a web?
![Page 5: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/5.jpg)
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
![Page 6: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/6.jpg)
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;
Fonte (Source): NIC.br - set/nov (sep/nov) 2009
Interação com o governo via Internet
![Page 7: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/7.jpg)
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
Fonte (Source): NIC.br - set/nov (sep/nov) 2009
Motivos para não utilizar Governo Eletrônico
![Page 8: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/8.jpg)
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.
![Page 9: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/9.jpg)
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
![Page 10: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/10.jpg)
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
![Page 11: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/11.jpg)
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
![Page 12: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/12.jpg)
12 de 44
Padrões são importantes também para:
Tornar as informações relevantes nas páginas de busca
![Page 13: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/13.jpg)
13 de 44
Padrões são importantes também para:
Para tirar proveito das tecnologias web 2.0
![Page 14: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/14.jpg)
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:
![Page 15: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/15.jpg)
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
![Page 16: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/16.jpg)
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?
![Page 17: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/17.jpg)
17 de 44
E-Mag (acessibilidade) Padrões Brasil e-gov e-PING
Padrões em Governo Eletrônico
![Page 18: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/18.jpg)
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)
![Page 19: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/19.jpg)
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
![Page 20: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/20.jpg)
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
![Page 21: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/21.jpg)
21 de 44
98% das páginas do governo não são acessíveis
![Page 22: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/22.jpg)
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
![Page 23: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/23.jpg)
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.
![Page 24: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/24.jpg)
24 de 44
Modelo de Acessibilidade de Governo Eletrônico (e-MAG)
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;
![Page 25: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/25.jpg)
25 de 44
Modelo de Acessibilidade de Governo Eletrônico (e-MAG)
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.
![Page 26: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/26.jpg)
26 de 44
Modelo de Acessibilidade de Governo Eletrônico (e-MAG)
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.
![Page 27: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/27.jpg)
27 de 44
Modelo de Acessibilidade de Governo Eletrônico (e-MAG)
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”.
![Page 28: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/28.jpg)
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
![Page 29: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/29.jpg)
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
![Page 30: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/30.jpg)
30 de 44
Tela inicial do ASES
![Page 31: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/31.jpg)
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
![Page 32: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/32.jpg)
32 de 44
Comunidade ASES no portal de software público
![Page 33: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/33.jpg)
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.
![Page 34: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/34.jpg)
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.
![Page 35: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/35.jpg)
35 de 44
Padrões Brasil e-GOV
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.
![Page 36: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/36.jpg)
36 de 44
Padrões Brasil e-GOV
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.
![Page 37: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/37.jpg)
37
Padrões Brasil e-GOV
Componentes:
Cartilhas de recomendações; Guia de administração; Modelos e arquivos-base.
![Page 38: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/38.jpg)
38
Padrões Brasil e-GOV
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).
![Page 39: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/39.jpg)
39
Padrões Brasil e-GOV
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.
![Page 40: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/40.jpg)
40
Padrões Brasil e-GOV
Cartilha de UsabilidadeDisponível
Apresenta heurísticas (recomendações) em usabilidade, exemplos práticos e orientações para testes.
![Page 41: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/41.jpg)
41
Padrões Brasil e-GOV
Cartilha de redação webDisponível
Detalha recomendações de boas práticas em redação web (webwriting).
![Page 42: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/42.jpg)
42
Padrões Brasil e-GOV
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.
![Page 43: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/43.jpg)
43
Padrões Brasil e-GOV
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.
![Page 44: Evento de Redação Web](https://reader034.vdocuments.mx/reader034/viewer/2022051818/54965744b47959654d8b4f61/html5/thumbnails/44.jpg)
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
+55 (61) 20201738