Sensibilização de

Desenvolvedores Web
Acessibilidade e Inclusão Digital

Odilon R. Machado Jr.

Nathália Pinheiro Martins
Willian Ferreira
 Roteiro
- Introdução
- e-MAG
- e-PWG
- Gestão de Domínios
- ASES
- Portal do Software Público
- O quê? Por quê? Onde? Quando? Quem?
Como? Qual o custo?
 Introdução
- Este trabalho tem como objetivo conscientizar
desenvolvedores web a trabalhar utilizando
normas de acessibilidade que facilitem a
utilização da internet por todas as pessoas.
 e-MAG
- O Modelo de Acessibilidade de Governo
Eletrônico (e-MAG) consiste em um conjunto
de recomendações a ser considerado para
que o processo de acessibilidade dos portais
do governo seja conduzido de forma
padronizada e de fácil
implementação.
 e-MAG
Objetivo
- Orientar profissionais que tenham contato
com publicações de informações ou serviços
na internet a desenvolver, alterar e/ou
adequar páginas, sites e portais, tornando-os
acessíveis ao maior número de pessoas
possível.

- Em 2007, a Portaria n° 3, de 7 de maio,

institucionalizou o e-MAG.
 Cursos e-MAG
- Curso Modelo
Módulo 1 - Introdução e Conceitos
Módulo 2 - Acesso à Internet
Módulo 3 - O modelo Proposto
Módulo 4 - Introdução à Cartilha Técnica

Curso com 10 horas de duração e exigirá uma

hora de dedicação diária.
 Cursos e-MAG
- Curso Cartilha: Apresenta a Visão Técnica
Módulo 1 - Introdução
Módulo 2 - nível de prioridade 1
Módulo 3 - nível de prioridade 2
Módulo 4 - nível de prioridade 3
Módulo 5 - Diretrizes e SW para validação
Curso com 30 horas de duração e exigirá uma
hora de dedicação diária.
 Como obter os Cursos
- Disponíveis sob licença Creative Commons
(43 jurisdições) para instituições e órgãos
que queiram hospedar em seus ambientes
de EAD.

- O órgão deverá se comprometer a entregar

ao final de cada ano um relatório com
informações sobre as turmas realizadas.
 e-PWG - Programação
Web em Governo
Eletrônico
- São recomendações de boas práticas
agrupadas em formato de cartilha com o
objetivo de aprimorar a comunicação e o
fornecimento de informações e serviços
prestados por meios eletrônicos pelos órgãos
do Governo Federal.
Cartilha de Codificação
HTML e XHTML, CSS, requisições HTTP, etc.
 Cartilha de Administração
Páginas, Sítio, Portal e Sítio Promocional

- Fornece subsídios para a concepção,

desenvolvimento, manutenção e
administração de sites de governo eletrônico
na esfera federal.

- Organizar Páginas
Página Inicial + Páginas Secundárias
(Serviços, Informações, Contatos, etc)
 Cartilha de Usabilidade
- Apresenta a usabilidade, inserindo no
contexto no desenvolvimento e manutenção
de sites.

- Possui subsídios para testes que podem ser

utilizados tanto pela equipe interna como
uma externa.
 Cartilha de Usabilidade
- Diretrizes para observação de problemas
comuns:
Contexto e Navegação (páginas)
Carga de Informação (textos, links)
Autonomia (funcionalidades navegadores)
Erros (descrever a correção dos erros)
Desenho (Layout)
Redação (facilitar a leitura)
Consistência e Familiaridade (bem-vindo)
 Cartilha de Redação Web
- É um guia para elaboração de informação
clara, estruturada e eficaz para o meio de
comunicação.

- Moldar orientações de simples compreensão

e aplicação, auxiliando na melhoria dos
serviços prestados pelo sítio.
 Objetivo das Cartilhas
- Estabelecer padrões de qualidade de uso,
desenho, arquitetura de informação e
navegação.
- Estabelecer um fluxo de criação,
desenvolvimento e manutenção na gestão
dos sites governamentais.
- Consolidar a acessibilidade. (servir de
exemplo).
- Criar artefatos de acordos com os padrões
estabelecidos.
 Gestão de Domínios
- Serve para localizar e identificar conjuntos de
computadores na internet.
- O nome "domínio" tem o objetivo de facilitar a
memorização dos endereços de URL's e é a
partir deles que as mesmas são acessadas.

".gov.br"
".com.br"
".edu.br"
 ASES - Avaliador e Simulador de
Acessibilidade de Sítios
- É uma ferramenta que permite avaliar, simular
e corrigir a acessibilidade de páginas, sites e
portais.

Software Livre!

Distribuição:
LGPL - GNU Lesser

General Public
 ASES - Avaliador e Simulador de
Acessibilidade de Sítios
- Funcionalidades
Avaliador de Acessibilidade (e-MAG)
Avaliador de CSS
Avaliador de HTML (4.01 e XHTML)
Simulador de Leitor de Tela e Baixa Visão
Entre outras ...
 Acessível x Não Acessível
http://brh.renapi.gov.br/
http://www.alegrete.rs.gov.br/site/
Simulador de Leitor de Tela:
 Porta de Software Público
Brasileiro - SPB
- Possuem mais de 60 soluções voltadas para
diversos setores.
 Proposta do Projeto
O quê?
Por quê?
Onde?
Quando?
Quem?
Como?
Qual o custo?
 O quê?
- Com base no e-MAG, e-PWG e utilizando
ferramentas como ASES, sensibilizar os
desenvolvedores Web na adesão de um
padrão acessível para suas páginas.
 Por quê?
- Para se obter um número maior de páginas
Web acessíveis.

- Há pessoas com certas limitações que podem

ter um acesso a informações através desses
meios, uma vez que a página Web está bem
projetada para fornecê-las.
 Onde?
Primeiro Momento:
1º - Universidade - Campus em Alegrete
2º - Órgãos Públicos Locais
3° - Desenvolvedores Locais em Geral

Segundo Momento:
4º - Universidade - Regional
5º - Órgãos Públicos Regionais
6º - Desenvolvedores Regionais em Geral
 Quando?
Em 90 dias (Abril - Junho 2013).
 Quem?
- Uma equipe com conhecimento em:
Desenvolvimento Web
Acessibilidade na Web
e-MAG (Modelo de Acessibilidade do
Governo)
e-PWG (Programação Web em
Governo Eletrônico)
 Como?
Criar um Site do Projeto (Acessível):
Ter Fóruns
Fale Conosco
Ajuda
Salas de bate-papo

Importante para a troca de informações

entre os interessados.
 Como?
Criar um Domínio:
- Exemplo.: ".ace.br"
- Esse domínio só permitiria que sites com o
"mínimo" de acessibilidade pudessem se
associar.
- O site teria que passar por uma bateria de
testes no ASES por exemplo.

Para que o site com esse domínio seja

 Como?
Divulgar:
Lincar com outros sites
Materiais de divulgação, publicações
(todos com a URL do Projeto)
Marcar palestras, eventos, congressos
(citar a URL do Projeto)
Abrir cursos para desenvolvedores
Web:
e-MAG
 Qual o Custo?
- Ferramentas: utilizar ferramentas disponíveis
sem custo (e-MAG, e-PWG e o ASES por
exemplo) que servirão como referências.
- Local: laboratórios de informática, salas de
aula das universidades, salas cedidas.
- Equipe: voluntariado.
- Material de apoio/outros gastos: buscar
patrocínio.
 Referências
- Governo Público http://www.governoeletronico.gov.br/acoes-
e-projetos/padroes-brasil-e-gov

- Software Público
http://www.softwarepublico.gov.br/