Para facilitar a vida de quem trabalha com acessibilidade digital, o Accessibility Order Helper automatiza a documentação da ordem de foco ou ordem de leitura da tela. O plugin está disponível gratuitamente no Figma Community.
Tasks
- Acessibilidade
- Figma Development
- Automação
Como funciona
Seguindo boas práticas e recomendações da WCAG, a ferramenta gera a sequência de elementos da tela respeitando a lógica de cima para baixo e da esquerda para a direita — como deve ser em interfaces acessíveis.
Com ele você pode gerar facilmente marcadores numerados para documentar a Ordem de Leitura da tela ou Ordem de Foco, alinhado ao critério WCAG 2.4.3: Focus Order.
Como usar
- Pesquise por Accessibility Order Helper na guia de plugins do Figma ou abra pela comunidade oficial Figma.
- Selecione os elementos que devem fazer parte da ordem de leitura ou de foco.
- Clique em “Generate Sequence”.
- Os marcadores serão adicionados automaticamente em sequência, em uma camada agrupada.
- Quer adicionar mais um? Basta duplicar um marcador, posicioná-lo no novo elemento e clicar em Reorder para atualizar a numeração.
Customize
Você também pode personalizar o estilo dos marcadores editando o componente mestre. As alterações serão aplicadas a todos os marcadores do arquivo.