Defina a ordem desejada em cada tela e confirme que ela mantém o sentido. Uma ordem visual diferente pode confundir quem usa teclado/leitor de tela se a ordem do documento ficar incoerente.
Antes de começar
Usando contêineres
- Abra a página em Editar com Elementor, entre no modo responsivo e selecione o breakpoint móvel.
- Selecione o contêiner pai. Em Layout > Itens, escolha Coluna reversa para inverter todos os filhos, quando essa for a mudança necessária.
- Para uma sequência específica, selecione cada widget/contêiner filho e use Ordem personalizada (Custom Order). Defina a ordem de todos os itens; valores menores aparecem antes. Os nomes podem variar conforme editor e versão.
- Repita a inspeção em tablet e desktop e confira larguras próximas aos breakpoints. Em seções/colunas antigas, selecione o elemento e procure Avançado > Layout > Ordem; os controles podem oferecer início, fim ou valor personalizado.
Passo a passo
- Compare a ordem em mobile, tablet e desktop.
- Percorra por teclado e leitor de tela: título, explicação, botão e conteúdo relacionado devem fazer sentido na ordem anunciada.
- Confira que controles estão acessíveis, sem sobreposição/corte, e que o foco não salta de forma inesperada. Salve e revise a prévia antes de atualizar a página pública.
Limites e cuidados
Use a reordenação para melhorar a apresentação, não para ocultar informação nem criar sequência sem sentido. Se a ordem semântica precisa mudar, reorganize os elementos na estrutura do documento. A interface varia conforme versão, layout e breakpoints configurados.
Próxima leitura
Explore o núcleo de ferramentas e hospedagem para ver orientações relacionadas.
Fontes oficiais: Design responsivo com contêineres, ordem de widgets e contêineres e problemas comuns de layout móvel.