espiral interativa - sibi - 21.10.2013

Acessibilidade em portais e sitesSIBi-USP | 21.10.2013

http://slidesha.re/17YzFD3

Espiral InterativaDuda 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

Webambiente sem barreirasextremamente 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 InterativaUma 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_espiralfacebook.com/espiralinterativa

Duda Salvato - duda@espiralinterativa.comWilliam Daflita – william@espiralinterativa.com11 3641 3146