INTRODUO

A C E SS I B I L I D
ADE
NA WEB
 A P R E S E N TA
O
Carolina
Sacramento
Graduada em Informtica e Tecnologia da
Informao pela UERJ;

Atuo no desenvolvimento e suporte de

sites e sistemas para web desde 2006;

Responsvel pela acessibilidade no

desenvolvimento do Portal COC.
 Acessibilidade
Para quem
e desenho
se destina?
universal

WCAG 2.0 AcessibilidTecnologias

Assistivas
ade web

Decretos
e-MAG 3 5.296/04
e 6949 /09
INTRODUO

A C E SS I B I L I D
ADE
PARTE
NA WEB 1
ACESSIBILIDADE E
DESENHO
UNIVERSAL
O poder da Web est na
sua universalidade. O
acesso por todas as
pessoas, no obstante a
sua incapacidade, um
aspecto essencial.

(Tim Berners-Lee - Diretor

W3C)
Para quem se
destina? Po
r
Pergunt e qu
pe
r ns a

as
ni
ss
Como o?
implementar?
bsicas
 PA R A Q U E M S E
DESTINA?
Pessoa com deficincia:
visual, motora, auditiva.
Todos que acessam a
internet utilizando
tecnologias assistivas;

O tempo inteiro!
 PA R A Q U E M S E
DESTINA?
Em boa parte
do tempo!

Idosos; Usurios com preferncias

especficas de sistema
operacional ou navegador;
Usurios que acessam a Internet
 PA R A Q U E M S E
DESTINA?

- Usurios de dispositivos mveis com

telas pequenas;
- Pessoas localizadas em ambientes mal Em algum
iluminados ou sem a possibilidade de momento!
usar audio.
PA R A Q U E M S E
DESTINA?
O google

cego!
PORQUE PENSAR
NISSO?

Vdeo Acesso Digital

 TECNOLOGIA
A SS I S T I VA
Tecnologia Assistiva uma rea do
conhecimento, de caracterstica
Objetivo: Proporcionar
interdisciplinar, que engloba pessoa com
produtos,
recursos, deficincia
metodologias,maior estratgias,
independncia, prticas e
qualidade
servios que de objetivam
vida e incluso promover social, a
atravs darelacionada
funcionalidade, ampliao deatividade
sua e
comunicao,
participao de mobilidade,
pessoas com controle de seu
deficincia,
ambiente,ou
incapacidades habilidades
mobilidade dereduzida,
seu
aprendizado,
visando sua autonomia,trabalho e integraoindependncia, com a
famlia,
ATA VII - Comit
qualidade deamigos
de Ajudas Tcnicas
vida (CAT) -eCoordenadoria
e sociedade.
incluso Nacional para Integra
social
o da Pessoa Portadora de Deficincia (CORDE) - Secretaria Especial dos Direit
os Humanos - Presidncia da Repblica)
 1. Auxlios para a vida diria

2. CAA (CSA)
Comunicao aumentativa (suplementar)
e alternativa

3. Recursos de acessibilidade ao computador

Classificao baseada nas diretrizes gerais da ADA - American

with Disabilities Act, que regula os direitos dos cidados com
deficincia nos EUA. Fonte: http://www.assistiva.com.br/tassistiva.html
 4. Sistemas de controle de ambiente

5. Projetos arquitetnicos para

acessibilidade

6. rteses e prteses

Classificao baseada nas diretrizes gerais da ADA - American

with Disabilities Act, que regula os direitos dos cidados com
deficincia nos EUA. Fonte: http://www.assistiva.com.br/tassistiva.html
 7. Adequao
Postural

8. Auxlios de mobilidade

9. Auxlios para cegos ou com viso subnormal

Classificao baseada nas diretrizes gerais da ADA - American

with Disabilities Act, que regula os direitos dos cidados com
deficincia nos EUA. Fonte: http://www.assistiva.com.br/tassistiva.html
 10. Auxlios para surdos ou com dficit
auditivo

11. Adaptaes em veculos

Classificao baseada nas diretrizes gerais da ADA - American

with Disabilities Act, que regula os direitos dos cidados com
deficincia nos EUA. Fonte: http://www.assistiva.com.br/tassistiva.html
 Para as pessoas sem
deficincia, a tecnologia
torna as coisas mais fceis.
Para as pessoas com
deficincia, a tecnologia
torna as coisas possveis
Mary Pat Radabaugh, 1993
Diretora do IBM National Support Center for Persons with
Disabilities
 EXEMPLOS
RECURSOS DE ACESSIBILIDADE AO COMPUTADOR

Teclado
Expandido
IntelliKeys

Mouse Ocular Eyetech TM2

 EXEMPLOS
RECURSOS DE ACESSIBILIDADE AO COMPUTADOR

Ryben WEB (LIBRAS e voz)

 EXEMPLOS
RECURSOS DE ACESSIBILIDADE AO COMPUTADOR

Leitores de tela

Dosvox/Webvox (NCE/UFRJ/Brasil) Virtual Vision

(Micropower/Brasil) JAWS for Windows
NVDA(NonVisual Desktop Access) VoiceOver
ORCA Talks
 E S TAT S T I C A S N O
BRASIL
IBGE 2010
Populao: 190 milhes - 100,0%
Pelo menos uma das deficincias
investigadas (visual, auditiva e motora,
de acordo com o seu grau de
severidade, e, tambm, mental ou
intelectual): 45 milhes - 23,9%
Pessoas acima de 65 anos: 14 milhes
- 7,4%
Nenhuma dessas deficincias: 145
milhes - 76,1%
LEIS BRASILEIRAS

Decreto de lei n 5.296

(dez/04) e decreto lei
n 6.949 (ago/09) , firmado
a partir da conveno da
ONU que ganhou fora de
lei;
 DECRETO
5.296/2004
CAPTULO VI
DO ACESSO INFORMAO E COMUNICAO
Art.47.No prazo de at doze meses a contar da data de
Regulamenta as Leis nos10.048, de 8 de novembro de
publicao deste Decreto, ser obrigatria a acessibilidade nos
2000, que d prioridade de atendimento s pessoas que
portais e stios eletrnicos da administrao pblica na rede
especifica,
mundial e 10.098, de
de computadores 19 de dezembro
(internet), para o uso de
das2000, que
pessoas
estabelece
portadoras normas gerais
de deficincia visual,egarantindo-lhes
critrios bsicos paraacesso
o pleno a s
promoodisponveis.
informaes da acessibilidade das pessoas portadoras de
deficincia
ou com
1oNos portais mobilidade
e stios de grandereduzida, e d outras
porte, desde que seja
demonstrada
providncias. a inviabilidade tcnica de se concluir os
procedimentos para alcanar integralmente a acessibilidade, o
prazo definido no caput ser estendido por igual perodo. (...)
 DECRETO
6.949/2009
Artigo 9: Acessibilidade 1.A fim de possibilitar s pessoas com
deficincia viver
Promulga a de forma independente
Conveno e participar
Internacional sobre osplenamente
Direitos de
todos
dasosPessoas
aspectoscom
da vida, os Estados
Deficincia Partes
e seu tomaroFacultativo,
Protocolo as medidas
apropriadas
assinadospara
emassegurar
Nova York,sempessoas
30 de com
maro deficincia
de 2007.o
acesso, em igualdade de oportunidades com as demais
pessoas, ao meio fsico, ao transporte, informao e
comunicao, inclusive aos sistemas e tecnologias da informao
e comunicao, bem como a outros servios e instalaes abertos
ao pblico ou de uso pblico, tanto na zona urbana como na rural.
(...)
 R E S U LT A D O C E N S O
WEB
2010

Fonte: Dimenses e Caractersticas da Web

http://www.cgi.br/publicacoes/pesquisas/govbr/cgibr-nicbr-censoweb-govb
r-2010.pdf
INTRODUO

A C E SS I B I L I D
ADE
PARTE
NA WEB 2
Para quem se
destina? Po
r
Pergunt e qu
pe
r ns a

as
ni
ss
Como o?
implementar?
bsicas
 COMO
I M P L E M E N TA R ?
 WCAG
Web Content Accessibility
Guidelines
(Recomendaes de acessibilidade
para o contedo da web)
WCAG 1.0: maio de 1999
WCAG 2.0: dezembro de 2008
WCAG 2.0 considera a
evoluo das tecnologias e
da Internet e no se
restringe a tecnologias
especficas.
 WCAG 2.0

PRINCPIOS
PRINCPI
OS
RECOMENDAES
DIRETRIZES
CRITRIOS DE SUCESSO
 WCAG 2.0

Princpios O contedo tem de

serA informao e
suficientemente
1.Perceptvel A
osinformao
componentes
robusto para
Os ser ea
componentes
daoperao
interfaceda
interpretado, de
da
com
2.Opervel utilizador
interface tm
de de
preciso, por uma
3.Compreensvel ser
utilizador
utilizador
grande apresentados
tm
e adede
variedade
aos
navegao
utilizadores
ser de
agentes tm
4.Robusto de
compreensveis.
ser
de operveis.
formas
utilizador, incluindo
perceptveis.
tecnologias de
apoio.
 WCAG 2.0

Recomendaes (ou diretrizes)

As 12 diretrizes so definidas como
uma generalizao que informa aos
desenvolvedores, no mbito geral,
como deve ser tratada e aplicada a
acessibilidade no contexto da
informao a ser apresentada ao
utilizador.
Recomendaes no so
testveis
 WCAG 2.0
EXEMPLO DE RECOMENDAO

Recomendao 1.1 Alternativas em

Texto: Fornecer alternativas em texto
para qualquer contedo no textual
permitindo, assim, que o mesmo possa
ser alterado para outras formas mais
adequadas necessidade do indivduo,
tais como impresso em caracteres
ampliados, braille, fala, smbolos ou
linguagem mais simples.
 WCAG 2.0

Critrios de Sucesso
Para cada recomendao, so
fornecidos critrios de sucesso
testveis que determinam de forma
objetiva se os contedos oferecidos
pelos stios satisfazem s
recomendaes, ou seja, como deve
ser apresentada uma dada informao
Critrios de sucesso so
ao utilizador.
testveis
 WCAG 2.0
EXEMPLO DE CRITRIO DE SUCESSO

1.1.1 Contedo No Textual:Todo o

contedo no textual que apresentado ao
usurio tem uma alternativa que serve um
propsito equivalente, exceto para as situaes
indicadas abaixo. (Nvel A)
Controles, Entrada:Se o contedo no textual
for um controle ou aceitar a entrada de dados
por parte do usurio, ento dispe de um nome
que descreve a sua finalidade. (Para obter os
requisitos adicionais para controles e contedo
que aceitam entrada de dados por parte do
usurio, consulte a recomendao 4.1) (...)
 WCAG 2.0

Nveis de conformidade
Nveis a serem alcanados pelos stios
que vo desde uma acessibilidade
restrita ao extremo de atender a todas
as recomendaes das WCAG2.0. So
eles:
Nvel A (o mais baixo), nvel AA e nvel
AAA (o mais alto).
 WCAG 2.0

Por ser um conjunto muito

extenso de recomendaes, traz
uma certa complexidade na sua
compreenso e aplicao pelos
profissionais envolvidos nas
diferentes etapas do processo
de desenvolvimento de sites/
sistemas web
 e-MAG

O Modelo de Acessibilidade de
Governo Eletrnico (e-MAG)
consiste em um conjunto de
recomendaes a ser
considerado para que o
processo de acessibilidade dos
stios e portais do governo
brasileiro seja conduzido de
forma padronizada e de fcil
implementao.
 e-MAG
Histrico Basead
as nas
WCAG
1.0
A primeira verso do e-MAG foi
disponibilizada para consulta
pblica em 18 de janeiro de
2005 e a verso 2.0 j com as
alteraes propostas, em 14 de
dezembro do3,mesmo
A Portaria n ano. de 2007
de 7 de maio
institucionalizou o e-MAG, tornando sua
observncia obrigatria nos stios e portais
do governo brasileiro.
 e-MAG
Histrico

Na reviso do modelo (e-MAG 3) foram

consideradas as contribuies de
especialistas e as novas pesquisas na rea
de acessibilidade Web, bem como as
WCAG 2.0, da W3C.
O e-MAG possui foco nas necessidades
locais e visa atender as prioridades
brasileiras.
 e-MAG
Processo de Validaes
desenvolvimento de um
Conformidade
automticas,
WCAG (verso
com
com
site acessvel uso
as normas
de 2.0).
ferramentas
HTML,
1. Seguir os padres Em
XML,
denvel
especficas,
XHTML
nacional,
e CSS,o
Web; verificao
seguindo
e-MAG regras
do
ofluxo
de
formatao
documento
de leiturasinttica
das
que
2. Seguir as diretrizes pginas,
e comcontm
semntica
teste
as das
ou recomendaes de correta.
recomendaes
funcionalidades
Pginas sem
que
da
acessibilidade; padro
norteiam
barra de
web
o
desenvolvimento
acessibilidade
apresentam ede
3. Realizar a avaliao validaes
comportamento
stios e portais
manuais
de acessibilidade. (aplicao
imprevisvel
acessveis.
de
 e-MAG
Diviso das recomendaes
de acessibilidade no e-MAG
No esto dividas
Marcao por nveis de
Comportamento (DOM) prioridade.
Todas as
Contedo/Informao recomendaes
Apresentao/Design so consideradas
de grande
Multimdia importncia e
Formulrio devem ser
seguidas.
 e-MAG
Padres de acessibilidade
digital no Governo Federal
Pgina de descrio com os recursos de
acessibilidade
Atalhos de teclado
Barra de acessibilidade
Apresentao do mapa do stio
Apresentao de formulrio
Contedo alternativo para imagens
Apresentao de documentos
Elementos que no devem ser utilizados
Acessibilidade nas etapas de
construo de um site
ARQUITETURA DE
INFORMAO

Sequncia lgica de
navegao;

Breadcrumb de localizao;

Navegao facilitada com a

presena de teclas de atalho e
ncoras.
 DESENHO DE
I N T E R FA C E

Recurso para ampliao e

reduo do tamanho da fonte;

Recurso de auto-contraste;

Layout fluido ou elstico

I M P L E M E N TA O
TECNOLGICA

No incorporar imagens
decorativas ao contedo principal
do site;

Utilizao de correta marcao

xHTML;

Uso de recursos alternativos ao

JavaScript e quando invivel,
 G E S T O D E
CONTEDOS
Fornecer alternativas ao
contedo visual;

Especificar por extenso cada

abreviatura ou sigla quando da
sua primeira ocorrncia em um
documento;

Estar atento ao tamanho dos

arquivos e imagens publicados.
Texto alternativo do banner: Detalhe
fotomontagem com o ttulo: arquivos do
Brasil memria do mundo
Etapas de validao
 VA L I D A O
A U T O M T I C A
Validao dos Padres Web: XHTML e
CSS;

Validao de acessibilidade;

Avaliao de contraste;

Avaliao do tempo de download das

pginas;

Teste de links quebrados e pgina de

 VA L I D A O
MANUAL
Verificao do fluxo de leitura das
pginas (com leitores de tela)

Verificao das funcionalidades do site,

incluindo barra de acessibilidade;

Aplicao de checklist manual de

acessibilidade (para desenvolvedores);

Avaliao de acessibilidade por pessoa

com deficincia.
Garantia/manuteno
da acessibilidade

V
SS
C E
A EL
 MANUTENO DA
ACESSIBILIDADE
Garantir atualizaes de contedo no
site com acessibilidade;

Garantir acessibilidade nas atualizaes

ou inseres de novas estruturas no site;

Ter uma periodicidade de validao do

site: automtica e humana;

Estar sempre atento atualizaes nas

recomendaes de acessibilidade.