Acessibilidade na prática

Acessibilidade na prática Dev In Company @2013

#QUEMSOUEU Frontend Beagá Frontend da Depressão

Acessibilidade Público Alvo

concluímos que...

TODOS precisam

–Bruno Torres   http://brunotorres.net/acessibilidade-nao-e-altruismo “Pensar em acessibilidade não é ser
bonzinho, é enxergar no público não-padrão e com necessidades especiais, potenciais consumidores para o que você está vendendo.”

Dados estátisticos   (Censo IBGE 2010)  • População do Brasil:
190 milhões (100%); • Pessoas com deﬁciência no Brasil: 45 milhões (23,9%); • Idosos: 19 milhoes (10%); • Analfabetos funcionais: 38 milhoes (20,4%).

Benefícios que a acessibilidade trazeria

• 23,8 da população brasileira (ou cerca de 45 milhões
de pessoas); • 7,4% tem 65 anos ou mais; • 9,63% são analfabetos; • 65% nunca usaram a Internet e tem diﬁculdade em usar o computador.

Leis e diretrizes de acessibilidade

• Decreto Nº 5.296 de 2 de Dezembro de 2004;
• Decreto Nº 6.949 de Agosto de 2009; • WCAG 2.0.

#DICAS

Declare o idioma • <html lang="pt-br> • <p>Dê o <em
lang="en>feedback</em></p>

Forneça texto alternativo • <img src="starwars.gif" alt="A Saga Star Wars">

Forneça texto alternativo • Imagem com contexto apenas estético não
necessita de texto alternativo.

#EVITE • Evite os termos: • "Saiba mais" - aproximadamente
7.450.000; • "Clique aqui" - aproximadamente 46.600.000; • "Leia mais" - aproximadamente 18.600.000; • "Download" - aproximadamente 2.030.000.000

Links - Outline Utilize outline para: • Identiﬁcar o link
aonde está - #oncotô; • Destacar o link corrente. a:focus { outline: 1px solid #000; }

FERRAMENTAS

Validadores automáticos • Hera (em português); • Examinator (em português);
• DaSilva; • Cynthia Says; • Wave.

Leitores de Tela • JAWS; • NVDA ; • Voice
Over; • DosVox.

Add-ons • ChromeVox; • Accessibility Developer Tools; • High Constrast;
• Web Developer Tools.

#MAIS DICAS

• WAI-ARIA (landmarks e roles); • Contraste; • Estudo de
cores (Daltonismo).

Mestres JEDI's • MAQ • Reinaldo Ferraz - @reinaldoferraz •
Horácio Soares - @horaciosoares; • Clécio Bachini - @cbachini

Sites para estudo • http://www.ilearn.com.br/TR/WCAG20/ • http://acessodigital.net/ • http://www.acessibilidadelegal.com/ •
http://pauljadam.com/moderna11y/ • http://a11yproject.com/ • http://www.topdesignmag.com/25-fabulous- resources-to-learn-web-accessibility/

Estudo de Caso Avaliação de Acessibilidade

Prefeitura de BH

Referências • http://goo.gl/E6H3fY • http://goo.gl/GrbjW • http://goo.gl/AE3hY • http://goo.gl/kaelAC •
http://goo.gl/PDd3nd • http://goo.gl/p3pLR8

Obrigado! @brunopulis www.facebook.com/bpulis

Acessibilidade na prática

Acessibilidade na prática

Bruno Pulis

More Decks by Bruno Pulis

Other Decks in Programming

Featured

Transcript