Acessibilidade na web

Por que tornar um site acessível?

Questão de boa prática

E por que me preocupar com isso quando meu prazo de entrega é tão curto?

Mais pessoas impactadas

Acessibilidade & SEO
Podemos utilizar as mesmas técnicas de acessibilidade para
aplicar técnicas de SEO.

● <img src="" alt="Texto complementar" />

● <a href="" title="Texto complementar"></a>
● <prev 1 2 3 4 next>
● Site map
HTML5 & WAI-ARIA
Você consegue marcar agora o que é um menu
de navegação, uma sidebar, um header, um
footer etc
Microdata
Microdata
Grande parte dos leitores de tela não
conhecem as tags do HTML5 e dão ênfase
para as WAI-ARIA em vez das novas tags.
 Roles

Abstract

Widgets

Document Structure

Landmarks
 Role Document Structure
Para definir estruturas de organização da página. Estruturas não interativas como
o header, footer, sidebar, main, essas coisas.
 Role Widgets

Para marcar elementos de interface soltos, como caixas de alerta, botões,

checkbox, links, tabs etc.
 Role Landmarks
Para regiões de página que são pontos importantes para onde o usuário
navegaria.
Exemplo: buscas, conteúdo principal, sidebar, formulários etc…
Estados & Propriedades
Fontes:
http://tableless.com.br/acessibilidade-na-web-atualizando-como-tornar-seu-site-acessivel/
https://www.w3.org/TR/wai-aria/roles#roles_categorization
http://tableless.com.br/wai-aria-estendendo-o-significado-das-interacoes/
http://www.data-vocabulary.org/