Landmark
Punto de referencia
Un punto de referencia es una área importante de una página. La tecnología de asistencia permite a las personas ir directamente a esa área.
Otro ejemplo
En un panel de seguros, un usuario de teclado abre la lista de puntos de referencia. Saltan desde el banner de la página al área principal de reclamos, luego al área denominada “Ayuda de póliza.”
Partes principales
- 01Rol de región
- 02Etiqueta accesible
- 03Alcance único
Úsalo cuando
Marque cada área principal de la página con el elemento nativo correcto. Dé etiquetas diferentes y claras a los puntos de referencia repetidos.
No lo uses cuando
No hagas que cada contenedor sea un punto de referencia. Demasiados puntos de referencia dificultan la navegación rápida.
Nombre usado en código
header, nav, main, aside, footer, form, or an ARIA landmark role Antes de lanzarlo
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 Punto de referencia (Landmark). User context: En un panel de seguros, un usuario de teclado abre la lista de puntos de referencia. Saltan desde el banner de la página al área principal de reclamos, luego al área denominada “Ayuda de póliza.” Recommended pattern: Punto de referencia (Landmark). Why it fits: Marque cada área principal de la página con el elemento nativo correcto. Dé etiquetas diferentes y claras a los puntos de referencia repetidos. Do not use it when: No hagas que cada contenedor sea un punto de referencia. Demasiados puntos de referencia dificultan la navegación 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): El estándar cubre únicamente el alcance listado. No elige el estilo visual, la decisión del producto ni el ejemplo de Vibulary. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Revisa esta petición
Review how Punto de referencia (Landmark) is used now. Definition: Un punto de referencia es una área importante de una página. La tecnología de asistencia permite a las personas ir directamente a esa á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.