Acessibilidade WEB - FrontInRio 2016

Acessibilidade:QUEM SE IMPORTA?

O que é acessibilidade?

“I – acessibilidade: condição para utilização, com segurança e autonomia, total ou assistida, dos espaços, mobiliários e equipamentos urbanos, das edificações, dos serviços de transporte e dos , e e , por pessoa portadora de deficiência ou com mobilidade reduzida;”

O Decreto Federal n° 5.296/2004, em seu artigo 8°, I, estabelece:

dispositivos sistemas meios de comunicaçãoinformação

Acessibilidade WEB

Deficientes visuais

Deficientes auditivos

Deficientes físicos

TEA e outras limitações cognitivas

Quem se importa?45.623.910 no BRASIL

1.671.082.700 no MUNDO

Fonte: IBGE e OMS

Acessibilidade não é altruísmo

Ok, e agora?

WAI

Web Accessibility Initiative

WCAG 2.0 ARIA

WCAG 2.0

1. Perceptível

2. Operável

3. Compreensível

4. Robusto

WCAG 2.0

Semântica do documento

Navegabilidade

Visualização

Compatibilidade

ARIA

Roles

States and Properties

banner

navigation

main

complementary

contentinfo

form

search

application …

ARIA Landmarks role=“…”

aria-autocomplete

aria-readonly

aria-checked

aria-expanded

ARIA States and Properties

aria-label

aria-required

aria-disabled

aria-hidden …

Referências e documentação

https://www.w3.org/WAI/

http://www.acessibilidadelegal.com/

http://www.acessodigital.net/

https://www.google.com/accessibility/

http://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha-w3cbr-acessibilidade-web-fasciculo-I.html

Especialistas no Brasil

http://talitapagani.com/

http://www.reinaldoferraz.com.br/

http://maujor.com/

Ferramentas de teste

CLI: https://addyosmani.com/a11y/ ❤

http://vischeck.com/

http://www.sidar.org/hera/

http://www.boia.org/?stateful=8008A64ECAE56AF76816730A1CA913E4&wc3

Nathalia BrunoLead Developer

@ TUUT

@_nathaliabruno

/nathaliabruno

/nathaliabruno

Obrigada!