Carregar apresentação
A apresentação está carregando. Por favor, espere
3
Deficiências Deficiência Física Deficiência Auditiva Deficiência Visual Deficiência Mental Deficiência Múltipla Tem dificuldade para: ver a tela usar o mouse usar o teclado ler um texto ouvir um som navegar na internet...
4
24,6 milhões de pessoas 14,5% da população Deficientes visuais: 148 mil Com grande dificuldade para enxergar: 2,4 milhões Deficientes auditivos: 167 mil Permanente dificuldade de audição: 900 mil Trabalhando: 9 milhões Acesso à internet: 14 milhões 2000 ? 2009 Deficiência no Brasil Acesso à internet: 45 milhões Fontes: IBGE, CETIC.br, IBOPE eRatings.com, Agência Estado, Anatel
6
Sites, serviços e aplicações web Acessibilidade Web Navegadores e outros dispositivos de acesso Ferramentas de desenvolvimento e criação de conteúdo
8
Ferramentas e Tecnologias Assistivas Teclados Virtuais e Alternativos
9
Ferramentas e Tecnologias Assistivas Leitores de tela WebVox (DOSVOX) JAWS Windows-Eyes Virtual Vision NVDA Orca...
10
Ferramentas e Tecnologias Assistivas Ampliadores de Tela Eye tracking Mouses especiais Apontadores Comandos por Voz...
12
Quem mais se beneficia? Idosos Dificuldade temporária Novos aparelhos Navegadores novos (e antigos) Linux, Mac OS... Conexão discada ou lenta Celulares, Computadores de mão......
17
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
18
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
19
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
20
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
21
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
22
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
23
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
24
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
25
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation
26
10 Princípios para Acessibilidade Web 1. Evite suposições 2. Tecnologia? 3. Não tire o controle do usuário 4. Texto para o que não é textual 5. Use tecnologias bem difundidas 6. Conteúdo bem escrito 7. Ache, Use, Navegue 8. Semântica 9. Progressive enhancement / Graceful Degradation 10. Não esqueça dos 9 itens anteriores...
34
Vamos à prática Texto alternativo de imagens
35
Vamos à prática Texto alternativo de imagens
36
Vamos à prática Links
37
Vamos à prática Links
38
Vamos à prática Padrões Web
39
Vamos à prática Frames Multimídia Scripts e Plugins Campos de formulários
40
Vamos à prática Skip links
41
Vamos à prática W3C – World Wide Web Consortium WAI – Web Accessibility Initiative WCAG - Web Content Accessibility Guidelines 1.0 Section 508 WCAG 2.0 Vários países tem sua versão específica e-MAG - Modelo de Acessibilidade de Governo Eletrônico (Brasil)
42
Vamos à prática Avaliadores automáticos Da Silva (Brasil) - http://www.dasilva.org.br Cynthia Says - http://www.cynthiasays.com HERA (português) - http://www.sidar.org/hera/http://www.sidar.org/hera/ ASES - Avaliador e Simulador de AcessibilidadE sítios (Brasil) Wave - http://wave.webaim.orghttp://wave.webaim.org TAW - http://www.tawdis.net/taw3/cms/en...http://www.tawdis.net/taw3/cms/en
43
Vamos à prática Avaliadores automáticos
44
Vamos à prática Avaliadores automáticos
45
Vamos à prática Avaliadores automáticos
46
Vamos à prática Extensões para o Firefox Firefox Accessibility Extension Web Developer
47
Vamos à prática Extensões para o Firefox Fangs
48
Vamos à prática Extensões para o Firefox Fire VoxImage Zoom
49
Vamos à prática
50
Acessibilidade na Celepar
51
Criação de padrões e diretrizes próprias Breadcrumb Captcha com áudio Aumento de fonte Mapa do site RSS / Feed XML Descrição de áudio e transcrição de vídeo Implementação de testes com leitores de tela e usuários reais... Objetivos
52
Acessibilidade na Celepar - XOOPS
55
Obrigado Apucarana! www.circuito.pr.gov.br gmendes@celepar.pr.gov.br
56
56
Apresentações semelhantes
