Accessible Navigation Order
Used to identify the navigation order of an interface for accessible development.
Plugin Preview
About this plugin
This plugin helps visualize the accessible navigation order for screen readers, respecting the reading hierarchy of elements in the interface.
Features:
- Manual order: Select components in the desired sequence to define the navigation flow.
- Grouped order: Generate the order based on the layout of elements within the selected frame.
- Edit navigation order: Allows individual editing of the generated items.
- Individual deletion: Enables removing items separately.
- Bulk deletion: Allows you to remove all items from the selected frame.
- Customization: Lets you change the color of the focus tag and the border of the generated navigation order.
The navigation order will follow the Western reading logic, from top to bottom and left to right.
by Priscila Melo - UX Accessibility
----------
Português BR
Este plugin ajuda a visualizar a ordem de navegação acessível para leitores de tela, respeitando a hierarquia de leitura dos elementos na interface.
Funcionalidades:
- Ordem manual: selecione os componentes na sequência desejada para definir o fluxo de navegação.
- Ordem agrupada: gere a ordem com base no layout dos elementos dentro do frame selecionado.
- Editar ordem de navegação: permite a edição individual dos itens gerados.
- Exclusão individual: possibilita remover itens separadamente.
- Exclusão em massa: permite remover todos os itens do frame selecionado.
- Personalização: permite alterar a cor do focus tag e a borda da ordem de navegação gerada.
A ordem de navegação seguirá a lógica de leitura ocidental, de cima para baixo e da esquerda para a direita.
Por Priscila Melo - UX Accessibility
Plugin Details
Version | 1 |
---|---|
Created | July 29, 2025 |
Last Updated | July 29, 2025 |
Category | Accessibility tools |
Creator | Priscila Melo |
Stats | 1 installs, 1 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 🔥