O documento discute a importância da acessibilidade na web para alcançar mais usuários e melhorar o SEO. Ele explica como usar HTML5, WAI-ARIA e microdados para tornar sites acessíveis, definindo estruturas de documentos, widgets e pontos de referência por meio de papéis. Fontes adicionais fornecem mais detalhes sobre esses recursos e suas aplicações.

1. Acessibilidade na web

2. 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

3. Acessibilidade &
SEO

4. 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

5. HTML5 & WAI-
ARIA

6. Você consegue marcar agora o que é um menu
de navegação, uma sidebar, um header, um footer
etc

7. Microdat
a

8. Microdat
a

9. 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.

10. Role
s
Abstract
Widgets
Document Structure
Landmarks

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

12. Role Widgets
Para marcar elementos de interface soltos, como caixas de alerta, botões,
checkbox, links, tabs etc.

15. 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…

16. Estados & Propriedades

18. 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/