SlideShare uma empresa Scribd logo
Verificação de acessibilidade
Reinaldo Ferraz – Ceweb.br
O que é acessibilidade
24% da população brasileira
Fonte: Censo IBGE 2010
Lei Brasileira de Inclusão da Pessoa com Deficiência
LEI Nº 13.146, DE 6 DE JULHO DE 2015.
CAPÍTULO II
DO ACESSO À INFORMAÇÃO E À COMUNICAÇÃO
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.
§ 1o Os sítios devem conter símbolo de acessibilidade em destaque.
Diretrizes de acessibilidade na Web
WCAG 2
Diretrizes de Acessibilidade para Conteúdo Web
https://www.w3.org/TR/WCAG/
https://www.w3.org/Translations/WCAG20-pt-br/
Técnicas para verificação de barreiras de acesso que
qualquer pessoa pode fazer
Técnicas para verificação de barreiras de acesso
Tornar o conteúdo acessível via teclado
Navegação por dispositivos móveis e toques
Navega pelos controles interativos
Navega de volta
Ativa controles interativos
Ativa radio e checkboxes
Seleção de radio buttons, seleção de
lista, sliders, tabpanels, autocomplete
Salto para conteúdo visível ou visível ao TAB
Conteúdo selecionado com foco marcado
Técnicas para verificação de barreiras de acesso
Verificar contraste e utilização de cor
Nunca usar somente cor para transmitir informação
Simulação de visão por pessoas com daltonismo
Simulação de visão por pessoas com daltonismo
http://www.checkmycolours.com/
Técnicas para verificação de barreiras de acesso
Vídeos com legendas
Técnicas para verificação de barreiras de acesso
Redimensionar a página
Zoom de 200% sem perda de informação
100%
200%
Técnicas para verificação de barreiras de acesso
Estrutura acessível
Cabeçalhos: <h1> - <h6>
Idioma da página: lang=“”
Descrição de imagens: alt=“”
http://www.acessibilidade.gov.pt/accessmonitor/
http://wave.webaim.org/
Utilização de verificadores automáticos
Verificação de premissas básicas de acessibilidade
Correção de erros e verificação dos avisos
Relatórios detalhados para verificação manual
Ferramentas também verificam contraste
Técnicas para verificação de barreiras de acesso
Testar com tecnologia assistiva
Obrigado
reinaldo@nic.br @reinaldoferraz

Mais conteúdo relacionado

Semelhante a Verificação de Acessibilidade

4 Caravana da Inclusão - Registro - Julho 2013
4 Caravana da Inclusão - Registro - Julho 20134 Caravana da Inclusão - Registro - Julho 2013
4 Caravana da Inclusão - Registro - Julho 2013
Hudson Augusto
 
Acessibilidade - Intercon 26102012
Acessibilidade - Intercon 26102012Acessibilidade - Intercon 26102012
Acessibilidade - Intercon 26102012
Helio Augusto
 
Hacktaton Intercon Imaster 2012
Hacktaton Intercon Imaster 2012Hacktaton Intercon Imaster 2012
Hacktaton Intercon Imaster 2012
Hudson Augusto
 
4 Caravana da Inclusão - CTI / Campinas - Agosto 2013
4 Caravana da Inclusão - CTI / Campinas - Agosto 20134 Caravana da Inclusão - CTI / Campinas - Agosto 2013
4 Caravana da Inclusão - CTI / Campinas - Agosto 2013
Hudson Augusto
 
Testes de Acessibilidade em Mobile e Web
Testes de Acessibilidade em Mobile e WebTestes de Acessibilidade em Mobile e Web
Testes de Acessibilidade em Mobile e Web
Qaladies
 
4 Caravana da Inclusão - Araçatuba - Junho 2013
4 Caravana da Inclusão - Araçatuba - Junho 20134 Caravana da Inclusão - Araçatuba - Junho 2013
4 Caravana da Inclusão - Araçatuba - Junho 2013
Hudson Augusto
 
4 Caravana da Inclusão: Universidade Federal de Santa Catarina - Agosto 2013
4 Caravana da Inclusão: Universidade Federal de Santa Catarina - Agosto 20134 Caravana da Inclusão: Universidade Federal de Santa Catarina - Agosto 2013
4 Caravana da Inclusão: Universidade Federal de Santa Catarina - Agosto 2013
Hudson Augusto
 

Semelhante a Verificação de Acessibilidade (18)

Caravana da Acessibilidade - Lins / Maio_2013
Caravana da Acessibilidade - Lins / Maio_2013Caravana da Acessibilidade - Lins / Maio_2013
Caravana da Acessibilidade - Lins / Maio_2013
 
Empatia e respeito para garantir os direitos da pessoa com deficiência na Web
Empatia e respeito para garantir os direitos da pessoa com deficiência na WebEmpatia e respeito para garantir os direitos da pessoa com deficiência na Web
Empatia e respeito para garantir os direitos da pessoa com deficiência na Web
 
Caravana da acessibilidade - Votuporanga / Abril 2013
Caravana da acessibilidade - Votuporanga / Abril 2013Caravana da acessibilidade - Votuporanga / Abril 2013
Caravana da acessibilidade - Votuporanga / Abril 2013
 
Acessibilidade e e-MAG
Acessibilidade e e-MAGAcessibilidade e e-MAG
Acessibilidade e e-MAG
 
4 Caravana da Inclusão - Registro - Julho 2013
4 Caravana da Inclusão - Registro - Julho 20134 Caravana da Inclusão - Registro - Julho 2013
4 Caravana da Inclusão - Registro - Julho 2013
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?Acessibilidade Web agora é obrigatória. Estamos preparados?
Acessibilidade Web agora é obrigatória. Estamos preparados?
 
Acessibilidade na WEB
Acessibilidade na WEBAcessibilidade na WEB
Acessibilidade na WEB
 
Acessibilidade - Intercon 26102012
Acessibilidade - Intercon 26102012Acessibilidade - Intercon 26102012
Acessibilidade - Intercon 26102012
 
Hacktaton Intercon Imaster 2012
Hacktaton Intercon Imaster 2012Hacktaton Intercon Imaster 2012
Hacktaton Intercon Imaster 2012
 
4 Caravana da Inclusão - CTI / Campinas - Agosto 2013
4 Caravana da Inclusão - CTI / Campinas - Agosto 20134 Caravana da Inclusão - CTI / Campinas - Agosto 2013
4 Caravana da Inclusão - CTI / Campinas - Agosto 2013
 
4.º Caravana da Inclusão do Governo do Estado de São Paulo - Bebedouro 2013
4.º Caravana da Inclusão do Governo do Estado de São Paulo - Bebedouro 20134.º Caravana da Inclusão do Governo do Estado de São Paulo - Bebedouro 2013
4.º Caravana da Inclusão do Governo do Estado de São Paulo - Bebedouro 2013
 
Testes de Acessibilidade em Mobile e Web
Testes de Acessibilidade em Mobile e WebTestes de Acessibilidade em Mobile e Web
Testes de Acessibilidade em Mobile e Web
 
4 Caravana da Inclusão - Araçatuba - Junho 2013
4 Caravana da Inclusão - Araçatuba - Junho 20134 Caravana da Inclusão - Araçatuba - Junho 2013
4 Caravana da Inclusão - Araçatuba - Junho 2013
 
Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...
Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...
Acessibilidade nas redes - Diversidade é chamar para a festa, inclusão é cham...
 
4 Caravana da Inclusão: Universidade Federal de Santa Catarina - Agosto 2013
4 Caravana da Inclusão: Universidade Federal de Santa Catarina - Agosto 20134 Caravana da Inclusão: Universidade Federal de Santa Catarina - Agosto 2013
4 Caravana da Inclusão: Universidade Federal de Santa Catarina - Agosto 2013
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na web
 
Acessibilidade... e eu com isso?
Acessibilidade... e eu com isso?Acessibilidade... e eu com isso?
Acessibilidade... e eu com isso?
 

Mais de Centro Web

Mais de Centro Web (20)

Acessibilidade e Realidade Estendida
Acessibilidade e Realidade EstendidaAcessibilidade e Realidade Estendida
Acessibilidade e Realidade Estendida
 
Por dentro do W3C e as novidades nos padrões de acessibilidade na
Por dentro do W3C e as novidades nos padrões de acessibilidade na Por dentro do W3C e as novidades nos padrões de acessibilidade na
Por dentro do W3C e as novidades nos padrões de acessibilidade na
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Re descentralizar a Web
Re descentralizar a WebRe descentralizar a Web
Re descentralizar a Web
 
Web das coisas
Web das coisasWeb das coisas
Web das coisas
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosBoas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios
 
Interação, Imersão e Inclusão
Interação, Imersão e InclusãoInteração, Imersão e Inclusão
Interação, Imersão e Inclusão
 
Buenas Prácticas para Datos en la Web y el Caso de Costa Rica
Buenas Prácticas para Datos en la Web y el Caso de Costa RicaBuenas Prácticas para Datos en la Web y el Caso de Costa Rica
Buenas Prácticas para Datos en la Web y el Caso de Costa Rica
 
Encontros com a Web: Fake News
Encontros com a Web: Fake NewsEncontros com a Web: Fake News
Encontros com a Web: Fake News
 
Mixed Reality e o seu impacto cognitivo
Mixed Reality e o seu impacto cognitivoMixed Reality e o seu impacto cognitivo
Mixed Reality e o seu impacto cognitivo
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
EPUB and the Open Web Platform
EPUB and the Open Web PlatformEPUB and the Open Web Platform
EPUB and the Open Web Platform
 

Verificação de Acessibilidade