SlideShare una empresa de Scribd logo
1 de 35
Descargar para leer sin conexión
Globalcode – Open4education
Trilha Acessibilidade
Estamos projetando para todas as pessoas?
Beatriz Lonskis Bezerra
UX Designer
@bealonskis
* Autor: Alan Cooper
A população mundial
está envelhecendo…
e rápido!
Fonte: Cartilha do Censo 2010 -
Pessoas com Deficiência
1 bilhão
Equivalente a
15%
da população
mundial
de pessoas vivem
com alguma deficiência*
* OMS - Dados de 2011
23,9% da população total:
18,6% - visual
7% - motora
5% - auditiva
1,4% - intelectual
Fonte: Cartilha do Censo 2010 - Pessoas com Deficiência
E no Brasil: 45.606.048
Deficiência
"...a deficiência resulta da interação
entre pessoas com deficiência e as
barreiras devidas às atitudes e ao
ambiente que impedem a plena
e efetiva participação dessas
pessoas na sociedade..."
The Convention on the Rights of Persons with Disabilities
O modelo médico de deficiência:
a pessoa como causa de deficiência
Preciso de ajuda.
Eu não posso usar isso.
Eu tenho dificuldade.
Você é o problema.
Você não tem habilidade.
Você precisa ser consertado.
AdaptadodoartigoUnderstandtheSocialNeedsforAccessibilityinUXDesign
O modelo social de deficiência:
sociedade como causa de deficiência
AdaptadodoartigoUnderstandtheSocialNeedsforAccessibilityinUXDesign
Preciso de ajuda.
Eu não posso usar isso.
Eu tenho dificuldade.
Vamos remover as barreiras de atitude
e de ambiente e fornecer soluções
múltiplas para você e para todos.
Usabilidade
A eficácia, eficiência e
satisfação com que
os usuários
pretendidos podem
usar um produto para
atingir suas metas
ISO 9241-11
Acessibilidade
A usabilidade de
um produto, serviço,
ambiente ou facilidade
por pessoas com a
mais ampla gama
de capacidades.
ISO 9241-20
* The Persona Spectrum - Microsoft Design
Fonte: https://www.microsoft.com/en-us/design/inclusive
Permanente Temporário Situacional
Fonte: https://www.microsoft.com/en-us/design/inclusive
Permanente Temporário Situacional
* Microsoft Design/ United States Census Bureau
* The Persona Network - Microsoft Design
LEI Nº 13.146, DE 6 DE JULHO DE 2015.
Art. 63.
É obrigatória a acessibilidade nos sítios
da internet mantidos por empresas com sede ou
representação comercial no País ou por órgãos de governo,
para uso da pessoa com deficiência, garantindo-lhe acesso
às informações disponíveis, conforme as melhores práticas
e diretrizes de acessibilidade adotadas internacionalmente.
Desafios e oportunidades
Comércio eletrônico
Internet das Coisas
Healthcare
Fintech
Realidade aumentada
Realidade virtual
Chatbots
"O poder da web está
em sua universalidade.
Acesso para todos,
independente de
deficiência, é um
aspecto essencial."
Tim Berners-Lee
Inventor da World Wide Web e
Diretor do W3C
Design for Inclusivity: A practical guide to Accessibility, Innovative and User-Centred Design
“... em um mercado cada vez mais global,
entender e atender a diferença é crucial para
o sucesso comercial. O desafio do design é
incluir e não excluir sem querer.”
● Estudo e consulta das guidelines de acessibilidade
● Integrar a acessibilidade no início de projeto
● Utilização de personas inclusivas
● Pesquisa com usuários de diversas necessidades
● Testes de usabilidade com maior ampla gama dos
usuários e com utilização de tecnologias assistivas
como o leitor de tela, por exemplo
O que podemos fazer?
Fazer produtos acessíveis não é só atender
os padrões de acessibilidade, mas tornar
as experiências verdadeiramente usáveis
e abertas para todos.
Vamos fazer a nossa parte?
Obrigada!
beatriz.lonskis@gmail.com
@bealonskis
Para saber mais:
Accessibility Basics: A library for everyone
https://www.slideshare.net/whitneyq/accessibility-basics
Accessible UX
https://www.slideshare.net/whitneyq/accessible-ux-beyond-the-checklist-to-great-experiences
Acessibilidade: as vantagens para os seus negócios
https://brasil.uxdesign.cc/acessibilidade-as-vantagens-para-os-seus-neg%C3%B3cios-e467c58cd85a
A Web for Everyone
http://rosenfeldmedia.com/books/a-web-for-everyone/#illustrations
Cartilha do Censo 2010
http://www.pessoacomdeficiencia.gov.br/app/sites/default/files/publicacoes/cartilha-censo-2010-pessoas-com-deficien
ciareduzido.pdf
Design process checklist
http://www.inclusivedesigntoolkit.com/processreview/processreview.html
Designing with people
http://designingwithpeople.rca.ac.uk
Para saber mais:
eMAG - Modelo de Acessibilidade em Governo Eletrônico
http://emag.governoeletronico.gov.br
Enabled by Design
http://enabledbydesign.org
Google Accessibility
https://www.google.com/accessibility
IBM Accessibility
https://twitter.com/IBMAccess
Inclusive Design at Microsoft
https://www.microsoft.com/en-us/design/inclusive
Inclusive Design Research Centre
http://idrc.ocadu.ca
Inclusive Design Toolkit - University Cambridge
http://www.inclusivedesigntoolkit.com
Para saber mais:
Jornada do Herói
https://pt.wikipedia.org/wiki/Monomito
http://viverdeblog.com/wp-content/uploads/2014/08/jornada-3.png
Mês de Acessibilidade no Blog AI
https://brasil.uxdesign.cc/o-m%C3%AAs-da-acessibilidade-no-blog-de-ai-3ffee2f30826
Microsoft Accessibility
http://www-03.ibm.com/able
Projeto GAIA
http://talitapagani.com/gaia
Senior-Friendly User Interfaces
http://eldertech.org
Understand the Social Needs for Accessibility in UX Design
https://www.interaction-design.org/literature/article/understand-the-social-needs-for-accessibility-in-ux-design
Para saber mais:
Understanding Web Accessibility
http://courses.idrc.ocadu.ca/understandinga11y/index.html
Universal Design
http://www.universaldesign.com
WCAG 2.0 - Web Content Accessibility Guidelines
https://www.w3.org/Translations/WCAG20-pt-PT
Web Accessibility Initiative (WAI)
https://www.w3.org/WAI
Why do inclusive design?
http://www.inclusivedesigntoolkit.com/why/why.html

Más contenido relacionado

Similar a Projetando para todos - Acessibilidade na web

Apresentação Asus_Uniso
Apresentação Asus_UnisoApresentação Asus_Uniso
Apresentação Asus_Unisoasustecnologia
 
Apresentação ASUS - UNISO - Outubro 2009
Apresentação ASUS - UNISO -  Outubro 2009Apresentação ASUS - UNISO -  Outubro 2009
Apresentação ASUS - UNISO - Outubro 2009asustecnologia
 
Acessibilidade x usabilidade
Acessibilidade x usabilidadeAcessibilidade x usabilidade
Acessibilidade x usabilidadeDomingos Andrade
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasGovBR
 
Acessibilidade e Experiência de Usuário
Acessibilidade e Experiência de UsuárioAcessibilidade e Experiência de Usuário
Acessibilidade e Experiência de UsuárioEliane Quadro
 
Sobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoSobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoCursoTICs
 
Inovação Distribuída e Ativismo no Brasil
Inovação Distribuída e Ativismo no BrasilInovação Distribuída e Ativismo no Brasil
Inovação Distribuída e Ativismo no BrasilGabriela Agustini
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
Acessibilidade em Telecentro
Acessibilidade em Telecentro Acessibilidade em Telecentro
Acessibilidade em Telecentro Hudson Augusto
 
Educação, tecnologia e mídias digitais
Educação, tecnologia e mídias digitaisEducação, tecnologia e mídias digitais
Educação, tecnologia e mídias digitaisAlessandro Dias
 
Infoinclusão para todos
Infoinclusão para todosInfoinclusão para todos
Infoinclusão para todosGiselle Lemes
 
Infoinclusão para todos
Infoinclusão para todosInfoinclusão para todos
Infoinclusão para todosGiselle Lemes
 
Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)Raphael Araujo
 

Similar a Projetando para todos - Acessibilidade na web (20)

Apresentação Asus_Uniso
Apresentação Asus_UnisoApresentação Asus_Uniso
Apresentação Asus_Uniso
 
Apresentação ASUS - UNISO - Outubro 2009
Apresentação ASUS - UNISO -  Outubro 2009Apresentação ASUS - UNISO -  Outubro 2009
Apresentação ASUS - UNISO - Outubro 2009
 
Pratica de Pesquisa
Pratica de PesquisaPratica de Pesquisa
Pratica de Pesquisa
 
Acessibilidade x usabilidade
Acessibilidade x usabilidadeAcessibilidade x usabilidade
Acessibilidade x usabilidade
 
Metacesso 2010
Metacesso 2010Metacesso 2010
Metacesso 2010
 
Acessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticasAcessibilidade na Web: Boas práticas
Acessibilidade na Web: Boas práticas
 
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...
 
Acessibilidade e Experiência de Usuário
Acessibilidade e Experiência de UsuárioAcessibilidade e Experiência de Usuário
Acessibilidade e Experiência de Usuário
 
Sobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoSobradinho - Daniela Carlotto
Sobradinho - Daniela Carlotto
 
Inovação Distribuída e Ativismo no Brasil
Inovação Distribuída e Ativismo no BrasilInovação Distribuída e Ativismo no Brasil
Inovação Distribuída e Ativismo no Brasil
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
Acessibilidade mobile
Acessibilidade mobileAcessibilidade mobile
Acessibilidade mobile
 
Acessibilidade web 2018
Acessibilidade web 2018Acessibilidade web 2018
Acessibilidade web 2018
 
@acessibilidade.pptx
@acessibilidade.pptx@acessibilidade.pptx
@acessibilidade.pptx
 
Acessibilidade em Telecentro
Acessibilidade em Telecentro Acessibilidade em Telecentro
Acessibilidade em Telecentro
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Educação, tecnologia e mídias digitais
Educação, tecnologia e mídias digitaisEducação, tecnologia e mídias digitais
Educação, tecnologia e mídias digitais
 
Infoinclusão para todos
Infoinclusão para todosInfoinclusão para todos
Infoinclusão para todos
 
Infoinclusão para todos
Infoinclusão para todosInfoinclusão para todos
Infoinclusão para todos
 
Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)Design de mídias interativas (Aula 02)
Design de mídias interativas (Aula 02)
 

Projetando para todos - Acessibilidade na web

  • 1. Globalcode – Open4education Trilha Acessibilidade Estamos projetando para todas as pessoas? Beatriz Lonskis Bezerra UX Designer @bealonskis
  • 2. * Autor: Alan Cooper
  • 3.
  • 4. A população mundial está envelhecendo… e rápido!
  • 5. Fonte: Cartilha do Censo 2010 - Pessoas com Deficiência
  • 6. 1 bilhão Equivalente a 15% da população mundial de pessoas vivem com alguma deficiência* * OMS - Dados de 2011
  • 7. 23,9% da população total: 18,6% - visual 7% - motora 5% - auditiva 1,4% - intelectual Fonte: Cartilha do Censo 2010 - Pessoas com Deficiência E no Brasil: 45.606.048
  • 8. Deficiência "...a deficiência resulta da interação entre pessoas com deficiência e as barreiras devidas às atitudes e ao ambiente que impedem a plena e efetiva participação dessas pessoas na sociedade..." The Convention on the Rights of Persons with Disabilities
  • 9. O modelo médico de deficiência: a pessoa como causa de deficiência Preciso de ajuda. Eu não posso usar isso. Eu tenho dificuldade. Você é o problema. Você não tem habilidade. Você precisa ser consertado. AdaptadodoartigoUnderstandtheSocialNeedsforAccessibilityinUXDesign
  • 10. O modelo social de deficiência: sociedade como causa de deficiência AdaptadodoartigoUnderstandtheSocialNeedsforAccessibilityinUXDesign Preciso de ajuda. Eu não posso usar isso. Eu tenho dificuldade. Vamos remover as barreiras de atitude e de ambiente e fornecer soluções múltiplas para você e para todos.
  • 11. Usabilidade A eficácia, eficiência e satisfação com que os usuários pretendidos podem usar um produto para atingir suas metas ISO 9241-11 Acessibilidade A usabilidade de um produto, serviço, ambiente ou facilidade por pessoas com a mais ampla gama de capacidades. ISO 9241-20
  • 12. * The Persona Spectrum - Microsoft Design
  • 15. * Microsoft Design/ United States Census Bureau
  • 16. * The Persona Network - Microsoft Design
  • 17. LEI Nº 13.146, DE 6 DE JULHO DE 2015. Art. 63. É obrigatória a acessibilidade nos sítios da internet mantidos por empresas com sede ou representação comercial no País ou por órgãos de governo, para uso da pessoa com deficiência, garantindo-lhe acesso às informações disponíveis, conforme as melhores práticas e diretrizes de acessibilidade adotadas internacionalmente.
  • 26. "O poder da web está em sua universalidade. Acesso para todos, independente de deficiência, é um aspecto essencial." Tim Berners-Lee Inventor da World Wide Web e Diretor do W3C
  • 27. Design for Inclusivity: A practical guide to Accessibility, Innovative and User-Centred Design “... em um mercado cada vez mais global, entender e atender a diferença é crucial para o sucesso comercial. O desafio do design é incluir e não excluir sem querer.”
  • 28. ● Estudo e consulta das guidelines de acessibilidade ● Integrar a acessibilidade no início de projeto ● Utilização de personas inclusivas ● Pesquisa com usuários de diversas necessidades ● Testes de usabilidade com maior ampla gama dos usuários e com utilização de tecnologias assistivas como o leitor de tela, por exemplo O que podemos fazer?
  • 29. Fazer produtos acessíveis não é só atender os padrões de acessibilidade, mas tornar as experiências verdadeiramente usáveis e abertas para todos.
  • 30. Vamos fazer a nossa parte?
  • 32. Para saber mais: Accessibility Basics: A library for everyone https://www.slideshare.net/whitneyq/accessibility-basics Accessible UX https://www.slideshare.net/whitneyq/accessible-ux-beyond-the-checklist-to-great-experiences Acessibilidade: as vantagens para os seus negócios https://brasil.uxdesign.cc/acessibilidade-as-vantagens-para-os-seus-neg%C3%B3cios-e467c58cd85a A Web for Everyone http://rosenfeldmedia.com/books/a-web-for-everyone/#illustrations Cartilha do Censo 2010 http://www.pessoacomdeficiencia.gov.br/app/sites/default/files/publicacoes/cartilha-censo-2010-pessoas-com-deficien ciareduzido.pdf Design process checklist http://www.inclusivedesigntoolkit.com/processreview/processreview.html Designing with people http://designingwithpeople.rca.ac.uk
  • 33. Para saber mais: eMAG - Modelo de Acessibilidade em Governo Eletrônico http://emag.governoeletronico.gov.br Enabled by Design http://enabledbydesign.org Google Accessibility https://www.google.com/accessibility IBM Accessibility https://twitter.com/IBMAccess Inclusive Design at Microsoft https://www.microsoft.com/en-us/design/inclusive Inclusive Design Research Centre http://idrc.ocadu.ca Inclusive Design Toolkit - University Cambridge http://www.inclusivedesigntoolkit.com
  • 34. Para saber mais: Jornada do Herói https://pt.wikipedia.org/wiki/Monomito http://viverdeblog.com/wp-content/uploads/2014/08/jornada-3.png Mês de Acessibilidade no Blog AI https://brasil.uxdesign.cc/o-m%C3%AAs-da-acessibilidade-no-blog-de-ai-3ffee2f30826 Microsoft Accessibility http://www-03.ibm.com/able Projeto GAIA http://talitapagani.com/gaia Senior-Friendly User Interfaces http://eldertech.org Understand the Social Needs for Accessibility in UX Design https://www.interaction-design.org/literature/article/understand-the-social-needs-for-accessibility-in-ux-design
  • 35. Para saber mais: Understanding Web Accessibility http://courses.idrc.ocadu.ca/understandinga11y/index.html Universal Design http://www.universaldesign.com WCAG 2.0 - Web Content Accessibility Guidelines https://www.w3.org/Translations/WCAG20-pt-PT Web Accessibility Initiative (WAI) https://www.w3.org/WAI Why do inclusive design? http://www.inclusivedesigntoolkit.com/why/why.html