SlideShare uma empresa Scribd logo
1 de 31
Baixar para ler offline
Testes de Acessibilidade
em Mobile e Web
Por que é tão importante?
Já é Lei no
Brasil!
“É 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.”
Lei Nº 13.146, de 6 de Julho de
2015, Art. 63
Processos federais nos EUA
1 bilhão =
1.000.000.000
25%
da população brasileira.
São mais de 45,6 milhões de pessoas.
E esse número aumenta todos os dias!
Podemos desenvolver algum tipo de
incapacidade a qualquer momento de
nossas vidas!
Temporário Situacional Permanente
Pensar em quem
precisa é
necessariamente
pensar em si.
Princípios da acessibilidade (WCAG)
1. Perceptível
2. Operável
3. Compreensível
4. Robusto
Princípios universais do design
1. Uso equitativo
2. Uso flexível
3. Uso simples e intuitivo
4. Informação perceptível
5. Tolerância a erro
6. Pouco esforço físico
7. Tamanho e espaço para abordagem e uso
Por que devemos
pensar no
design?
Para evitarmos esse tipo de coisa (metaforicamente):
E isso também:
E o que as
empresas estão
fazendo?
Novas tecnologias assistivas
- Melhorias no menu de acessibilidade
- Novos aplicativos
- Assistentes de voz
- AI
- Machine Learning
- Novos dispositivos
Microsoft criou controle focado em
acessibilidade
De acordo com o WebAim
88% dos usuários de leitores de tela acessam
através do celular
Sistemas operacionais mais utilizados no mundo (2017-2018)
Navegadores mais utilizados no mundo (2017-2018)
As tecnologias
estão avançando.
Mas estamos
avançando com
elas?
Sites mais utilizados no Brasil
Site Score
www.google.com 93/100
www.youtube.com.br 71/100
www.facebook.com 81/100
www.globo.com 66/100
www.uol.com.br 50/100
www.blastingnews.com 54/100
www.live.com 75/100
www.mercadolivre.com.br 44/100
E como eu faço
para testar isso?
Lighthouse no Google Chrome
1. Acesse o site
2. Ctrl + Shift + i
3. Clique em
4. Audits
5. Selecione os
testes
6. Clique em
Run audits
Lighthouse no Google Chrome
Ao final do teste, o
navegador retorna
os resultados dos
testes selecionados
Para testar apps Android
● Disponível na
Play Store
● Android 6.0+
Scanner de acessibilidade - Funcionamento
Para testar apps iOS
● Disponível no
OSX
● Requer Xcode
● Serve para apps
iOS ou MacOS
Pensar em acessibilidade é pensar no futuro
Seremos aproximadamente
2 bilhões de pessoas com
mais de 60 anos em 2050
Coloque-se no
lugar de pessoas
com necessidades
especiais
Empodere
todo mundo.

Mais conteúdo relacionado

Semelhante a Testes Acessibilidade Mobile Web

Bruno pina mobile-tdc2013
Bruno pina mobile-tdc2013Bruno pina mobile-tdc2013
Bruno pina mobile-tdc2013Bruno Pina
 
Proposição para um Paradigma de Orientação a Acessibilidade
Proposição para um Paradigma de Orientação a AcessibilidadeProposição para um Paradigma de Orientação a Acessibilidade
Proposição para um Paradigma de Orientação a AcessibilidadeYstallonne Alves
 
PROPOSIÇÃO PARA UM PARADIGMA DE ORIENTAÇÃO A ACESSIBILIDADE
PROPOSIÇÃO PARA UM PARADIGMA DE ORIENTAÇÃO A ACESSIBILIDADEPROPOSIÇÃO PARA UM PARADIGMA DE ORIENTAÇÃO A ACESSIBILIDADE
PROPOSIÇÃO PARA UM PARADIGMA DE ORIENTAÇÃO A ACESSIBILIDADEOs Fantasmas !
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebHorácio Soares
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Santhyago Gallao
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoLuiz Agner
 
Apresentação tcc i
Apresentação tcc iApresentação tcc i
Apresentação tcc iRenan Censi
 
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Augusto César Albuquerque
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
WSI Digital Summit - Caio Cunho
WSI Digital Summit - Caio CunhoWSI Digital Summit - Caio Cunho
WSI Digital Summit - Caio CunhoWSI Masters Brasil
 
MobCamp 2014 :: HTML5 x App Store O pêndulo da Tecnologia - Bill Coutinho
MobCamp 2014 :: HTML5 x App Store O pêndulo da Tecnologia - Bill CoutinhoMobCamp 2014 :: HTML5 x App Store O pêndulo da Tecnologia - Bill Coutinho
MobCamp 2014 :: HTML5 x App Store O pêndulo da Tecnologia - Bill CoutinhoDextra
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeHorácio Soares
 
Aplicativo de Controle Parental para Dispositivos Móveis ParentalBeta
Aplicativo de Controle Parental para Dispositivos Móveis ParentalBetaAplicativo de Controle Parental para Dispositivos Móveis ParentalBeta
Aplicativo de Controle Parental para Dispositivos Móveis ParentalBetaDanilo Sousa
 
Acessibilidade Comunicacional
Acessibilidade ComunicacionalAcessibilidade Comunicacional
Acessibilidade ComunicacionalGovBR
 

Semelhante a Testes Acessibilidade Mobile Web (20)

Bruno pina mobile-tdc2013
Bruno pina mobile-tdc2013Bruno pina mobile-tdc2013
Bruno pina mobile-tdc2013
 
Proposição para um Paradigma de Orientação a Acessibilidade
Proposição para um Paradigma de Orientação a AcessibilidadeProposição para um Paradigma de Orientação a Acessibilidade
Proposição para um Paradigma de Orientação a Acessibilidade
 
PROPOSIÇÃO PARA UM PARADIGMA DE ORIENTAÇÃO A ACESSIBILIDADE
PROPOSIÇÃO PARA UM PARADIGMA DE ORIENTAÇÃO A ACESSIBILIDADEPROPOSIÇÃO PARA UM PARADIGMA DE ORIENTAÇÃO A ACESSIBILIDADE
PROPOSIÇÃO PARA UM PARADIGMA DE ORIENTAÇÃO A ACESSIBILIDADE
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na Web
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de Informação
 
ENCOAD 2017 - Preparando o Profissional do Futuro para a Indústria 4.0
ENCOAD 2017 - Preparando o Profissional do Futuro para a Indústria 4.0ENCOAD 2017 - Preparando o Profissional do Futuro para a Indústria 4.0
ENCOAD 2017 - Preparando o Profissional do Futuro para a Indústria 4.0
 
W3C Acessibilidade
W3C AcessibilidadeW3C Acessibilidade
W3C Acessibilidade
 
Apresentação tcc i
Apresentação tcc iApresentação tcc i
Apresentação tcc i
 
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
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 web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
WSI Digital Summit - Caio Cunho
WSI Digital Summit - Caio CunhoWSI Digital Summit - Caio Cunho
WSI Digital Summit - Caio Cunho
 
A.I Inteligência Artificial
A.I Inteligência ArtificialA.I Inteligência Artificial
A.I Inteligência Artificial
 
MobCamp 2014 :: HTML5 x App Store O pêndulo da Tecnologia - Bill Coutinho
MobCamp 2014 :: HTML5 x App Store O pêndulo da Tecnologia - Bill CoutinhoMobCamp 2014 :: HTML5 x App Store O pêndulo da Tecnologia - Bill Coutinho
MobCamp 2014 :: HTML5 x App Store O pêndulo da Tecnologia - Bill Coutinho
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e Usabilidade
 
Aplicativo de Controle Parental para Dispositivos Móveis ParentalBeta
Aplicativo de Controle Parental para Dispositivos Móveis ParentalBetaAplicativo de Controle Parental para Dispositivos Móveis ParentalBeta
Aplicativo de Controle Parental para Dispositivos Móveis ParentalBeta
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Acessibilidade Comunicacional
Acessibilidade ComunicacionalAcessibilidade Comunicacional
Acessibilidade Comunicacional
 

Mais de Qaladies

Criar testes em Java é tão chato e demorado... Então use Spock e crie testes ...
Criar testes em Java é tão chato e demorado... Então use Spock e crie testes ...Criar testes em Java é tão chato e demorado... Então use Spock e crie testes ...
Criar testes em Java é tão chato e demorado... Então use Spock e crie testes ...Qaladies
 
GraphQL e APIs: como manter a qualidade?
GraphQL e APIs: como manter a qualidade?GraphQL e APIs: como manter a qualidade?
GraphQL e APIs: como manter a qualidade?Qaladies
 
DevOps na nuvem: Azure DevOps Projects
DevOps na nuvem: Azure DevOps ProjectsDevOps na nuvem: Azure DevOps Projects
DevOps na nuvem: Azure DevOps ProjectsQaladies
 
Potencializando seus testes com Jenkins
Potencializando seus testes com JenkinsPotencializando seus testes com Jenkins
Potencializando seus testes com JenkinsQaladies
 
Como transformar um site desktop em uma aplicação responsiva com flex-box e m...
Como transformar um site desktop em uma aplicação responsiva com flex-box e m...Como transformar um site desktop em uma aplicação responsiva com flex-box e m...
Como transformar um site desktop em uma aplicação responsiva com flex-box e m...Qaladies
 
Automação is comming - Como transformamos os Gritos em Risadas
Automação is comming - Como transformamos os Gritos em RisadasAutomação is comming - Como transformamos os Gritos em Risadas
Automação is comming - Como transformamos os Gritos em RisadasQaladies
 
Testes Contínuos na metodologia DEVOps
Testes Contínuos na metodologia DEVOpsTestes Contínuos na metodologia DEVOps
Testes Contínuos na metodologia DEVOpsQaladies
 
Sysadmin: como chegar lá ?
Sysadmin: como chegar lá ?Sysadmin: como chegar lá ?
Sysadmin: como chegar lá ?Qaladies
 
Será que testes automatizados resolvem tudo?
Será que testes automatizados resolvem tudo?Será que testes automatizados resolvem tudo?
Será que testes automatizados resolvem tudo?Qaladies
 

Mais de Qaladies (9)

Criar testes em Java é tão chato e demorado... Então use Spock e crie testes ...
Criar testes em Java é tão chato e demorado... Então use Spock e crie testes ...Criar testes em Java é tão chato e demorado... Então use Spock e crie testes ...
Criar testes em Java é tão chato e demorado... Então use Spock e crie testes ...
 
GraphQL e APIs: como manter a qualidade?
GraphQL e APIs: como manter a qualidade?GraphQL e APIs: como manter a qualidade?
GraphQL e APIs: como manter a qualidade?
 
DevOps na nuvem: Azure DevOps Projects
DevOps na nuvem: Azure DevOps ProjectsDevOps na nuvem: Azure DevOps Projects
DevOps na nuvem: Azure DevOps Projects
 
Potencializando seus testes com Jenkins
Potencializando seus testes com JenkinsPotencializando seus testes com Jenkins
Potencializando seus testes com Jenkins
 
Como transformar um site desktop em uma aplicação responsiva com flex-box e m...
Como transformar um site desktop em uma aplicação responsiva com flex-box e m...Como transformar um site desktop em uma aplicação responsiva com flex-box e m...
Como transformar um site desktop em uma aplicação responsiva com flex-box e m...
 
Automação is comming - Como transformamos os Gritos em Risadas
Automação is comming - Como transformamos os Gritos em RisadasAutomação is comming - Como transformamos os Gritos em Risadas
Automação is comming - Como transformamos os Gritos em Risadas
 
Testes Contínuos na metodologia DEVOps
Testes Contínuos na metodologia DEVOpsTestes Contínuos na metodologia DEVOps
Testes Contínuos na metodologia DEVOps
 
Sysadmin: como chegar lá ?
Sysadmin: como chegar lá ?Sysadmin: como chegar lá ?
Sysadmin: como chegar lá ?
 
Será que testes automatizados resolvem tudo?
Será que testes automatizados resolvem tudo?Será que testes automatizados resolvem tudo?
Será que testes automatizados resolvem tudo?
 

Testes Acessibilidade Mobile Web