WAI-ARIA ( Web Accessibility Initiative - Accessible Rich Internet Applications ) é uma especificação técnica publicada pelo W3C, que especifica a forma de aumentar a acessibilidade de páginas web, em particular, conteúdo dinâmico e componentes de interface de usuário desenvolvida com Ajax , HTML , JavaScript e tecnologias relacionadas. Roles, states e properties A WAI-ARIA é divide a semântica em duas partes: Roles, que define que tipo de elemento o usuário está interagindo e States/Properties que são suportadas pelas Roles, que definem o estado daquele elemento. Com a Role você fala que determinado elemento é uma collapse, com o States/Properties você diz se esse collapse está aberto ou fechado. Roles São 4 tipos de roles. Cada tipo de role é responsável por um determinado gênero de elemento. Abstract para definição de conceitos gerais. Não devemos usar para marcar conteúdo. Confesso que ainda estou tentando entender esse tipo de Role. “Conceitos abstratos” é algo muito abstrato para eu entender. Widgets para marcar elementos de interface soltos, como caixas de alerta, botões, checkbox, links, tabs etc. Document Structure para definir estruturas de organização da página. Estruturas que não são interativas como o header, footer, sidebar, main, essas coisas. Landmarks para regiões de página que são pontos importantes para onde o usuário navegaria, por exemplo: buscas, conteúdo principal, sidebar, formulários etc…