Banner Landmark
Hito de Banner
Un punto de referencia de banner es el área principal del encabezado de todo un sitio web. Una franja de anuncio amplia también puede llamarse banner, pero es un patrón de diseño diferente.
Otro ejemplo
Un sitio repite su logo, búsqueda en todo el sitio y controles de cuenta en cada página. Un único marcador de banner de nivel superior los agrupa para que los usuarios de lectores de pantalla puedan saltar allí. Los encabezados dentro de los artículos no deberían convertirse todos en marcadores de banner.
Partes principales
- 01Identidad del sitio
- 02controles globales
- 03hito de banner
Úsalo cuando
Usa este término para el punto de referencia principal del encabezado del sitio. Si te refieres a una franja de anuncio visual, dilo claramente.
No lo uses cuando
No cree varios puntos de referencia de banner de nivel superior ni asuma que cada cuadro ancho es un banner semántico.
Nombre usado en código
<header> at document scope → role=banner 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 Hito de Banner (Banner Landmark). User context: Un sitio repite su logo, búsqueda en todo el sitio y controles de cuenta en cada página. Un único marcador de banner de nivel superior los agrupa para que los usuarios de lectores de pantalla puedan saltar allí. Los encabezados dentro de los artículos no deberían convertirse todos en marcadores de banner. Recommended pattern: Hito de Banner (Banner Landmark). Why it fits: Usa este término para el punto de referencia principal del encabezado del sitio. Si te refieres a una franja de anuncio visual, dilo claramente. Do not use it when: No cree varios puntos de referencia de banner de nivel superior ni asuma que cada cuadro ancho es un banner semántico. 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 Hito de Banner (Banner Landmark) is used now. Definition: Un punto de referencia de banner es el área principal del encabezado de todo un sitio web. Una franja de anuncio amplia también puede llamarse banner, pero es un patrón de diseño diferente. 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.