O documento discute a importância da acessibilidade digital para as pessoas com deficiência, que constituem 24% da população brasileira. Apresenta exemplos de como sites podem falhar em ser acessíveis e as diretrizes do Guia e-MAG para desenvolvimento de conteúdo digital inclusivo. Por fim, descreve a Espiral Interativa, uma agência focada em acessibilidade e comunicação para o Terceiro Setor.

1. Espiral Interativa
Duda Salvato
William Daflita
Acessibilidade em portais e sites
SIBi-USP | 21.10.2013
http://slidesha.re/17YzFD3

2. # acessibilidade
E se, de repente, você tivesse que
navegar com a boca?

3. # acessibilidade

4. # acessibilidade
Ou somente com o movimento
dos olhos?

5. # acessibilidade

6. # acessibilidade
Ou tendo apenas seus pés para te
conectar com o mundo digital?

7. # acessibilidade

8. # acessibilidade
Ou então navegar e compreender
sem ver o conteúdo da tela?

9. # acessibilidade

10. # acessibilidade
Parece distante da nossa realidade?

11. # acessibilidade
Censo 2010 | Brasil
# 24% dos brasileiros possuem uma ou mais
deficiência: + de 45 milhões de pessoas
# Deficiência visual: + de 35 milhões
# Não conseguem enxergar de modo algum: + de 500 mil
# Enxerga com grande dificuldade: + de 6 milhões
# Deficiência motora: + de 13 milhões (+ de 4 milhões são severas)
# Surdos: + de 300 mil (2,1 milhões com deficiência severa)

12. # acessibilidade
Legislação sobre acessibilidade
#A Convenção sobre os Direitos das Pessoas com Deficiência e seu
respectivo Protocolo Facultativo foram ratificados pelo Congresso
Nacional em 09/07/2008 pelo decreto legislativo nº 186/2008 e
todos os seus artigos são de aplicação imediata.
# A acessibilidade foi contemplada nos artigos 9 e 21 da Convenção,
tornando obrigatória e crime de discriminação qualquer informação
na internet não acessível para qualquer tipo de deficiência e
qualquer categoria de portal ou site, de empresa privada ou
governamental.
Fonte: http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/legislacao

13. # acessibilidade
Web
ambiente sem barreiras
extremamente inclusivo
mas...
pensado acessivelmente

14. # acessibilidade
Como fazemos isso na construção dos sites?
@ Aspectos visuais e estruturais
@ Desenvolvimento dos códigos acessíveis
@ Elaboração de conteúdo acessível
@ Homologação (testes com pessoas com deficiência e
validação manual e automática)

15. # acessibilidade
Especificações – e-MAG 3.0*
# Organizar o código HTML de forma lógica e semântica
# Disponibilizar todas as funções da página via teclado
# Não utilizar tabelas para diagramação
# Não abrir novas instâncias sem a solicitação do usuário
# Não criar páginas com atualização automática periódica
# Disponibilizar informação sobre a localização do usuário na página
# Descrever links clara e sucintamente
# Fornecer alternativa em texto para as imagens do site
# Oferecer contraste de cores mínimo
# Permitir redimensionamento de texto sem perda de funcionalidade
* Guia de recomendações do Governo Eletrônico brasileiro

16. Exemplos de falta de acessibilidade

17. # exemplos
# Menus expansíveis

18. # exemplos
# Imagem sobreposta e recarregamento de página

19. # exemplos
# Imagens sem descrição alternativa

20. # quem somos
Sobre a Espiral Interativa
Uma agência digital que utiliza a web
como elemento transformador da
comunicação entre indivíduos,
empresas e comunidades.
# 4 anos de existência | conteúdo e tecnologia como diferenciais
# equipe própria: jornalistas, programadores e designers
# direcionamento estratégico para Terceiro Setor
# clientes atendidos: Fundação Roberto Marinho, Fundação
Toyota, Fundação Dorina Nowill, Associação Laramara, Fundação
Bunge, Instituto Mara Gabrilli, Instituto Arte na Escola (Iochpe),
Instituto Asas (RedBull), Instituto Brookfield, Instituto Rodrigo
Mendes e GIFE

21. Contato
Duda Salvato - duda@espiralinterativa.com
William Daflita – william@espiralinterativa.com
11 3641 3146
www.espiralinterativa.com
@agencia_espiral
facebook.com/espiralinterativa