Landmark
Marco
Um ponto de referência é uma área principal de uma página. A tecnologia assistiva permite que as pessoas saltem diretamente para essa área.
Outro exemplo
Em um painel de seguros, um usuário de teclado abre a lista de marcos. Eles pulam do banner da página para a área principal de sinistros, depois para a área rotulada como “Ajuda da Apólice”.
Partes principais
- 01Papel da região
- 02Rótulo acessível
- 03Escopo único
Use-o quando
Marque cada área principal da página com o elemento nativo correto. Dê aos marcos repetidos rótulos diferentes e claros.
Não o use quando
Não transforme todo contêiner em um ponto de referência (landmark). Muitos pontos de referência dificultam a navegação rápida.
Nome usado no código
header, nav, main, aside, footer, form, or an ARIA landmark role Antes de lançar
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Marco (Landmark). User context: Em um painel de seguros, um usuário de teclado abre a lista de marcos. Eles pulam do banner da página para a área principal de sinistros, depois para a área rotulada como “Ajuda da Apólice”. Recommended pattern: Marco (Landmark). Why it fits: Marque cada área principal da página com o elemento nativo correto. Dê aos marcos repetidos rótulos diferentes e claros. Do not use it when: Não transforme todo contêiner em um ponto de referência (landmark). Muitos pontos de referência dificultam a navegação rápida. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): O padrão cobre apenas o escopo listado. Ele não escolhe o estilo visual, decisão do produto ou exemplo de Vibulary. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Conferir este pedido
Review how Marco (Landmark) is used now. Definition: Um ponto de referência é uma área principal de uma página. A tecnologia assistiva permite que as pessoas saltem diretamente para essa área. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.