Accessibility Order Helper
Automatic Focus & Reading Order markers for documentation
Plugin Preview
About this plugin
Easily generate numbered markers for documenting Focus Order or Reading Order, aligned with the following WCAG success criteria 2.4.3: Focus Order.By default, the sequence follows a top-to-bottom, left-to-right logic.How it worksOpen the plugin.Select the elements/layers that should be part of the reading/focus order.Click Generate Sequence.Markers will be automatically added in order, in a grouped layer.Need to add one more? Just duplicate a marker, place it, and click Reorder to update the sequence.CustomizableYou can also customize the marker style by editing the base component — changes will reflect across all markers in your file.by Rodrigo Matos - Accessibility & Design System Specialist=============================[PT-Br]Gere 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.Por padrão, a sequência segue uma lógica de cima para baixo e da esquerda para a direita.Como funciona:Abra o plugin.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.CustomizávelVocê também pode personalizar o estilo dos marcadores editando o componente-base — as alterações serão aplicadas a todos os marcadores do arquivo.por Rodrigo Matos - Accessibility & Design System Specialist
Plugin Details
| Version | 2 |
|---|---|
| Created | July 5, 2025 |
| Last Updated | July 9, 2025 |
| Category | Accessibility tools |
| Creator | Rodrigo Matos |
| Stats | 91 installs, 32 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥