SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
IxDA Joinville no Facebook: fb.com/groups/ixdajlle
Blog: jlle.ixda.org.br
Canal no Youtube: IxDA Joinville
Slack IxDA BR: ixdabr.herokuapp.com
IxDA Joinville
Olá. Somos o capítulo IxDA Joinville.
Desde 2011 em atividade o nosso capítulo é um dos mais
ativos no Brasil e temos o propósito de promover eventos
que estimulem comunicação, networking e a produção de
conhecimento, além da inserção do design de interação no
mercado regional conectando-o com áreas fins.
Você faz parte dele, basta querer ;)
Líderes locais: Giu Vicente, Paulo Aguilera e Rodrigo Silva
IxDA Joinville
Alguns conceitos
Desenho Universal é a concepção de produtos,
ambientes, programas e serviços a serem usados, na
maior medida possível, por todas as pessoas, sem
necessidade de adaptação ou projeto específico.
Projeto com Desenho Universal = projeto que garante
igualdade de condições desde sua concepção
Fonte: Convenção Sobre os Direitos das Pessoas com Deficiência - ONU.
Desenho Universal - ONU
Acessibilidade na web é a possibilidade e a condição
de alcance, percepção, entendimento e interação
para a utilização, participação e a contribuição, em
igualdade de oportunidades, com segurança e
autonomia.
Seja em sites ou serviços disponíveis na web, por
qualquer indivíduo, independentemente de sua
capacidade motora, visual, auditiva, intelectual,
cultural ou social, a qualquer momento, em qualquer
local e em qualquer ambiente físico ou
computacional e a partir de qualquer dispositivo de
acesso.
Fonte: http://acessibilidade.w3c.br/cartilha/fasciculo1
Acessibilidade Web
Público-alvo
Demografia da pessoa com deficiência - Brasil
ou 23,9% da população possui
algum tipo de deficiência
45,6milhões
35,8milhões
ou 18,8% possui algum tipo de deficiência visual;
13,3milhões
ou 7,0% possui algum tipo de deficiência motora;
9,7milhões
ou 5,1% possui algum tipo de deficiência auditiva;
Fonte: IBGE/2010
Necessidades dos indivíduos
Deficientes Visuais
Deficiências visuais, incluindo cegueira,
vários tipos comuns de baixa visão e baixa
acuidade visual, vários tipos de daltonismo.
Deficientes Auditivos
Surdez ou deficiência auditiva, incluindo
indivíduos com pouca audição.
Deficiência motora/mobilidade
Dificuldade ou impossibilidade de utilizar
as mãos, incluindo tremores, lentidão
muscular, perda ou baixo controle
muscular, entre outras, devidas a
condições tais como doença de Parkinson,
distrofia muscular, paralisia cerebral,
acidente vascular cerebral.
Convulsões
Convulsão visual causada pelos efeitos
estroboscópicos ou pisca-pisca.
Cognitiva/Intelectual
Deficiência de desenvolvimento,
dificuldades de aprendizagem (dislexia,
discalculia, entre outras), e deficiências
cognitivas de várias origens, afetando a
memória, a atenção, o desenvolvimento
(maturidade) as habilidades lógicas e de
resolução de problemas, entre outras.
Tendência do envelhecimento da população
Segundo o Censo 2010, havia 20,5 milhões de idosos ou
10,8% da população. Projetava-se 19,3 milhões.
Projeção para 2030 é de 40,5 milhões de pessoas idosas
ou 18,7% da população - uma taxa de crescimento anual de
3,78%, enquanto a população total crescerá somente 0,57%.
Ferramentas e leitores de tela
Algumsa ferramentas existentes
1. Jaws screen reader
2. NVDA screen reader
3. DOSVOX
4. Orca
5. VoiceOver
6. TalkBack
Leitores de tela
1. Color Blinding
2. ChromeVox
3. ChromeVis
4. High Contrast
5. Read&Write for Google Chrome™
Plugins
Como funcionam os leitores de tela?
A navegação por leitores de tela funciona essencialmente de três maneiras:
Lendo toda a página
(navegação com as setas).
Lendo os links
(navegação com a tecla Tab).
Lendo os cabeçalhos
(navegação com a tecla h).
Fonte: http://arquiteturadeinformacao.com/acessibilidade/
Perguntas da comunidade
Perguntas da comunidade (1/3)
1. Como as pessoas ligadas ao desenvolvimento do projeto priorizam a acessibilidade? Aplicam diretrizes
em todos os produtos? Quais ferramentas utilizam? Isso faz parte durante todo o processo? Já trabalhei
em ambientes onde no fim a acessibilidade entrava como uma forma de checklist e confirmava-se se
existia um problema muito grave apenas antes da entrega. Mas de maneira geral não era prevista.
Helena Vitali Bello (Facebook IxDA Joinville)
2. Eu gostaria de saber como funciona os leitores de tela, e como usá-los para testar a acessibilidade de um
site.
Tamiris Simoneli (Facebook IxDA Joinville)
3. Uma coisa que sempre quis saber é em relação aos frameworks, quais e como eles levam a acessibilidade
em consideração?
Alexandre de Campos Filho (Slack IxDABR)
4. Qual é a importância das teclas de atalho para a navegação? Os usuários com baixa visão utilizam os
botões de acessibilidade “A+”? Somente eles são suficientes para uma navegação fluida?
Monica Possel (Slack IxDABR)
Perguntas da comunidade (2/3)
5. Em questões de métricas, há como saber se o meu site/produto está sendo acessado com um leitor de
tela? Meu objetivo com esta pergunta é saber a quantidade de usuários que estão acessando ou tentando
acessar o meu site e mensurar este público, absorvendo insights para melhorar a acessibilidade dele.
Thiago Vieira (Slack IxDABR)
6. Quais são as métricas comumente utilizadas para medir acessibilidade? Elas devem diferir de acordo com
o tipo de usuário/produto ou existe uma que englobe todas as necessidades do usuário?
Helena Vitali Bello (Facebook IxDA Joinville)
7. Em um sistema grande e complexo, onde sabemos que é utilizado por pessoas com diversos "níveis" de
dificuldades motoras, como que podemos desenvolver uma interface que se acomode a todos esses
perfis de usuários?
Talissonn Buchinger (Slack IxDABR)
8. Em um mundo tão imagético, como é feita a acessibilidade para pessoas cegas na parte de imagens?
Vocês utilizam descrições para fotos? Como fazer isso sem que se torne repetitivo, no caso de foto +
legenda + áudio ?
Helena Vitali Bello (Facebook IxDA Joinville)
Perguntas da comunidade (3/3)
9. Como eu posso aplicar ferramentas e funcionalidades (código) de acessibilidade em meus projetos
digitais? E como eu posso validar se tudo foi implementado da forma correta?
Victor Zanini (Slack IxDABR)
10. Como projetar pensando não só no usuário padrão, mas inserir o portador de necessidades especiais
como um constante usuário em potencial?
Helena Vitali Bello (Facebook IxDA Joinville)
11. Qual é a utilização correta do WAI ARIA?
Bruno Pulis (Facebook IxDA Joinville)
12. Algo mais?
Próximos eventos
Serão 75 min de documentário sobre como as empresas como Evernote, Google,
Facebook e similares conseguiram se tornar o que são, abordando assuntos sobre Design,
Negócios, Inovação e um universo complexo e inspirador.
Idioma: Inglês
Data: Final de Agosto/2016
Mais informações: Facebook IxDA Joinville
IxDA Joinville no Facebook: fb.com/groups/ixdajlle
Blog: jlle.ixda.org.br
Canal no Youtube: IxDA Joinville
Slack IxDA BR: ixdabr.herokuapp.com

Mais conteúdo relacionado

Semelhante a Acessibilidade Web - IxDA Joinville

Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessívelMDesign Estúdio
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016Talita Pagani
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na webAna Espadinha
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1Leo Serrao
 
Acessibilidade Web Cognitiva
Acessibilidade Web CognitivaAcessibilidade Web Cognitiva
Acessibilidade Web CognitivaTalita Pagani
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuárioguest479a40
 
Construindo sites adequados para pessoas com Autismo - Webbr 2016
Construindo sites adequados para pessoas com Autismo - Webbr 2016Construindo sites adequados para pessoas com Autismo - Webbr 2016
Construindo sites adequados para pessoas com Autismo - Webbr 2016Talita Pagani
 
Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Horácio Soares
 
Guia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
Guia de Acessibilidade de Interfaces Web focado em Aspectos do AutismoGuia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
Guia de Acessibilidade de Interfaces Web focado em Aspectos do AutismoWomen Techmakers Sorocaba
 
Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersAcessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersHorácio Soares
 
Aplicações Web Acessíveis
Aplicações Web AcessíveisAplicações Web Acessíveis
Aplicações Web AcessíveisDiego Pessoa
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivabarbaragratao
 

Semelhante a Acessibilidade Web - IxDA Joinville (20)

Razões para tornar um web site acessível
Razões para tornar um web site acessívelRazões para tornar um web site acessível
Razões para tornar um web site acessível
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
Pratica de Pesquisa
Pratica de PesquisaPratica de Pesquisa
Pratica de Pesquisa
 
Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016Acessibilidade Web Cognitiva - BrazilJS 2016
Acessibilidade Web Cognitiva - BrazilJS 2016
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1E mag desenvolvedor_mod_1
E mag desenvolvedor_mod_1
 
Acessibilidade Web Cognitiva
Acessibilidade Web CognitivaAcessibilidade Web Cognitiva
Acessibilidade Web Cognitiva
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 3 - 1...
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade web 2018
Acessibilidade web 2018Acessibilidade web 2018
Acessibilidade web 2018
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
Construindo sites adequados para pessoas com Autismo - Webbr 2016
Construindo sites adequados para pessoas com Autismo - Webbr 2016Construindo sites adequados para pessoas com Autismo - Webbr 2016
Construindo sites adequados para pessoas com Autismo - Webbr 2016
 
Acessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão AlcolumbreAcessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão Alcolumbre
 
Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03
 
Guia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
Guia de Acessibilidade de Interfaces Web focado em Aspectos do AutismoGuia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
Guia de Acessibilidade de Interfaces Web focado em Aspectos do Autismo
 
Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersAcessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
 
Aplicações Web Acessíveis
Aplicações Web AcessíveisAplicações Web Acessíveis
Aplicações Web Acessíveis
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistiva
 

Acessibilidade Web - IxDA Joinville

  • 1. IxDA Joinville no Facebook: fb.com/groups/ixdajlle Blog: jlle.ixda.org.br Canal no Youtube: IxDA Joinville Slack IxDA BR: ixdabr.herokuapp.com
  • 3. Olá. Somos o capítulo IxDA Joinville. Desde 2011 em atividade o nosso capítulo é um dos mais ativos no Brasil e temos o propósito de promover eventos que estimulem comunicação, networking e a produção de conhecimento, além da inserção do design de interação no mercado regional conectando-o com áreas fins. Você faz parte dele, basta querer ;) Líderes locais: Giu Vicente, Paulo Aguilera e Rodrigo Silva IxDA Joinville
  • 5. Desenho Universal é a concepção de produtos, ambientes, programas e serviços a serem usados, na maior medida possível, por todas as pessoas, sem necessidade de adaptação ou projeto específico. Projeto com Desenho Universal = projeto que garante igualdade de condições desde sua concepção Fonte: Convenção Sobre os Direitos das Pessoas com Deficiência - ONU. Desenho Universal - ONU
  • 6. Acessibilidade na web é a possibilidade e a condição de alcance, percepção, entendimento e interação para a utilização, participação e a contribuição, em igualdade de oportunidades, com segurança e autonomia. Seja em sites ou serviços disponíveis na web, por qualquer indivíduo, independentemente de sua capacidade motora, visual, auditiva, intelectual, cultural ou social, a qualquer momento, em qualquer local e em qualquer ambiente físico ou computacional e a partir de qualquer dispositivo de acesso. Fonte: http://acessibilidade.w3c.br/cartilha/fasciculo1 Acessibilidade Web
  • 8. Demografia da pessoa com deficiência - Brasil ou 23,9% da população possui algum tipo de deficiência 45,6milhões 35,8milhões ou 18,8% possui algum tipo de deficiência visual; 13,3milhões ou 7,0% possui algum tipo de deficiência motora; 9,7milhões ou 5,1% possui algum tipo de deficiência auditiva; Fonte: IBGE/2010
  • 9. Necessidades dos indivíduos Deficientes Visuais Deficiências visuais, incluindo cegueira, vários tipos comuns de baixa visão e baixa acuidade visual, vários tipos de daltonismo. Deficientes Auditivos Surdez ou deficiência auditiva, incluindo indivíduos com pouca audição. Deficiência motora/mobilidade Dificuldade ou impossibilidade de utilizar as mãos, incluindo tremores, lentidão muscular, perda ou baixo controle muscular, entre outras, devidas a condições tais como doença de Parkinson, distrofia muscular, paralisia cerebral, acidente vascular cerebral. Convulsões Convulsão visual causada pelos efeitos estroboscópicos ou pisca-pisca. Cognitiva/Intelectual Deficiência de desenvolvimento, dificuldades de aprendizagem (dislexia, discalculia, entre outras), e deficiências cognitivas de várias origens, afetando a memória, a atenção, o desenvolvimento (maturidade) as habilidades lógicas e de resolução de problemas, entre outras.
  • 10. Tendência do envelhecimento da população Segundo o Censo 2010, havia 20,5 milhões de idosos ou 10,8% da população. Projetava-se 19,3 milhões. Projeção para 2030 é de 40,5 milhões de pessoas idosas ou 18,7% da população - uma taxa de crescimento anual de 3,78%, enquanto a população total crescerá somente 0,57%.
  • 12. Algumsa ferramentas existentes 1. Jaws screen reader 2. NVDA screen reader 3. DOSVOX 4. Orca 5. VoiceOver 6. TalkBack Leitores de tela 1. Color Blinding 2. ChromeVox 3. ChromeVis 4. High Contrast 5. Read&Write for Google Chrome™ Plugins
  • 13. Como funcionam os leitores de tela? A navegação por leitores de tela funciona essencialmente de três maneiras: Lendo toda a página (navegação com as setas). Lendo os links (navegação com a tecla Tab). Lendo os cabeçalhos (navegação com a tecla h). Fonte: http://arquiteturadeinformacao.com/acessibilidade/
  • 15. Perguntas da comunidade (1/3) 1. Como as pessoas ligadas ao desenvolvimento do projeto priorizam a acessibilidade? Aplicam diretrizes em todos os produtos? Quais ferramentas utilizam? Isso faz parte durante todo o processo? Já trabalhei em ambientes onde no fim a acessibilidade entrava como uma forma de checklist e confirmava-se se existia um problema muito grave apenas antes da entrega. Mas de maneira geral não era prevista. Helena Vitali Bello (Facebook IxDA Joinville) 2. Eu gostaria de saber como funciona os leitores de tela, e como usá-los para testar a acessibilidade de um site. Tamiris Simoneli (Facebook IxDA Joinville) 3. Uma coisa que sempre quis saber é em relação aos frameworks, quais e como eles levam a acessibilidade em consideração? Alexandre de Campos Filho (Slack IxDABR) 4. Qual é a importância das teclas de atalho para a navegação? Os usuários com baixa visão utilizam os botões de acessibilidade “A+”? Somente eles são suficientes para uma navegação fluida? Monica Possel (Slack IxDABR)
  • 16. Perguntas da comunidade (2/3) 5. Em questões de métricas, há como saber se o meu site/produto está sendo acessado com um leitor de tela? Meu objetivo com esta pergunta é saber a quantidade de usuários que estão acessando ou tentando acessar o meu site e mensurar este público, absorvendo insights para melhorar a acessibilidade dele. Thiago Vieira (Slack IxDABR) 6. Quais são as métricas comumente utilizadas para medir acessibilidade? Elas devem diferir de acordo com o tipo de usuário/produto ou existe uma que englobe todas as necessidades do usuário? Helena Vitali Bello (Facebook IxDA Joinville) 7. Em um sistema grande e complexo, onde sabemos que é utilizado por pessoas com diversos "níveis" de dificuldades motoras, como que podemos desenvolver uma interface que se acomode a todos esses perfis de usuários? Talissonn Buchinger (Slack IxDABR) 8. Em um mundo tão imagético, como é feita a acessibilidade para pessoas cegas na parte de imagens? Vocês utilizam descrições para fotos? Como fazer isso sem que se torne repetitivo, no caso de foto + legenda + áudio ? Helena Vitali Bello (Facebook IxDA Joinville)
  • 17. Perguntas da comunidade (3/3) 9. Como eu posso aplicar ferramentas e funcionalidades (código) de acessibilidade em meus projetos digitais? E como eu posso validar se tudo foi implementado da forma correta? Victor Zanini (Slack IxDABR) 10. Como projetar pensando não só no usuário padrão, mas inserir o portador de necessidades especiais como um constante usuário em potencial? Helena Vitali Bello (Facebook IxDA Joinville) 11. Qual é a utilização correta do WAI ARIA? Bruno Pulis (Facebook IxDA Joinville) 12. Algo mais?
  • 19. Serão 75 min de documentário sobre como as empresas como Evernote, Google, Facebook e similares conseguiram se tornar o que são, abordando assuntos sobre Design, Negócios, Inovação e um universo complexo e inspirador. Idioma: Inglês Data: Final de Agosto/2016 Mais informações: Facebook IxDA Joinville
  • 20. IxDA Joinville no Facebook: fb.com/groups/ixdajlle Blog: jlle.ixda.org.br Canal no Youtube: IxDA Joinville Slack IxDA BR: ixdabr.herokuapp.com