acessibilidade em portais e sites
DESCRIPTION
Apresentacao realizada pela empresa Espiral Interativa no evento: "Encontro sobre inclusao e acessibilidade" referente a XVI Semana do Livro e da Biblioteca 2013 - Universidade de Sao Paulo, SP, BrasilTRANSCRIPT
Acessibilidade em portais e sites SIBi-USP | 21.10.2013
http://slidesha.re/17YzFD3
Espiral Interativa Duda Salvato
William Daflita
# acessibilidade
E se, de repente, você tivesse que navegar com a boca?
# acessibilidade
# acessibilidade
Ou somente com o movimento dos olhos?
# acessibilidade
# acessibilidade
Ou tendo apenas seus pés para te conectar com o mundo digital?
# acessibilidade
# acessibilidade
Ou então navegar e compreender sem ver o conteúdo da tela?
# acessibilidade
# acessibilidade
Parece distante da nossa realidade?
# 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)
# 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
# acessibilidade
Web ambiente sem barreiras extremamente inclusivo
mas... pensado acessivelmente
# 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)
# 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
Exemplos de falta de acessibilidade
# exemplos
# Menus expansíveis
# exemplos
# Imagem sobreposta e recarregamento de página
# exemplos
# Imagens sem descrição alternativa
Sobre a Espiral Interativa Uma agência digital que utiliza a web como elemento transformador da comunicação entre indivíduos, empresas e comunidades.
# quem somos
# 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
Contato
www.espiralinterativa.com @agencia_espiral facebook.com/espiralinterativa
Duda Salvato - [email protected] William Daflita – [email protected] 11 3641 3146