Acessibilidade em portais e sites
description
Transcript of Acessibilidade em portais e sites
![Page 1: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/1.jpg)
Acessibilidade em portais e sites SIBi-USP | 21.10.2013
http://slidesha.re/17YzFD3
Espiral Interativa Duda Salvato
William Daflita
![Page 2: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/2.jpg)
# acessibilidade
E se, de repente, você tivesse que navegar com a boca?
![Page 3: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/3.jpg)
# acessibilidade
![Page 4: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/4.jpg)
# acessibilidade
Ou somente com o movimento dos olhos?
![Page 5: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/5.jpg)
# acessibilidade
![Page 6: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/6.jpg)
# acessibilidade
Ou tendo apenas seus pés para te conectar com o mundo digital?
![Page 7: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/7.jpg)
# acessibilidade
![Page 8: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/8.jpg)
# acessibilidade
Ou então navegar e compreender sem ver o conteúdo da tela?
![Page 9: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/9.jpg)
# acessibilidade
![Page 10: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/10.jpg)
# acessibilidade
Parece distante da nossa realidade?
![Page 11: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/11.jpg)
# 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)
![Page 12: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/12.jpg)
# 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
![Page 13: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/13.jpg)
# acessibilidade
Web ambiente sem barreiras extremamente inclusivo
mas... pensado acessivelmente
![Page 14: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/14.jpg)
# 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)
![Page 15: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/15.jpg)
# 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
![Page 16: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/16.jpg)
Exemplos de falta de acessibilidade
![Page 17: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/17.jpg)
# exemplos
# Menus expansíveis
![Page 18: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/18.jpg)
# exemplos
# Imagem sobreposta e recarregamento de página
![Page 19: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/19.jpg)
# exemplos
# Imagens sem descrição alternativa
![Page 20: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/20.jpg)
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
![Page 21: Acessibilidade em portais e sites](https://reader033.fdocument.pub/reader033/viewer/2022042614/558798b0d8b42ae3408b46a9/html5/thumbnails/21.jpg)
Contato
www.espiralinterativa.com @agencia_espiral facebook.com/espiralinterativa
Duda Salvato - [email protected] William Daflita – [email protected] 11 3641 3146