Espiral Interativa - SIBi - 21.10.2013

180 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
180
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Espiral Interativa - SIBi - 21.10.2013

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

×