Tema: aria
-
Papéis ARIA: por que um elemento HTML nativo é melhor que uma div com role
A primeira regra de uso de ARIA do W3C é preferir um elemento ou atributo HTML nativo que já tenha a semântica e o comportamento necessários; ARIA só muda o que é informado às tecnologias assistivas, nunca o que o elemento faz. Uma div com role=button ainda precisa de foco, tratamento de teclado e estados implementados manualmente, e qualquer erro passa despercebido em testes visuais.
-
Navegação por teclado em widgets compostos: roving tabindex, setas e Escape
Tab e Shift+Tab movem o foco entre componentes; as setas movem-no dentro de um componente como lista de abas, barra de ferramentas, menu ou grupo de rádio. Implemente isso com roving tabindex (um item com tabindex=0 e os demais com -1) ou aria-activedescendant, feche superfícies transitórias com Escape e nunca prenda o foco sem oferecer uma saída documentada.
Legível por máquina: JSON