implementation
Implement in your agent
# Implement Banner in your agent ## Objective Implement Banner for this verified behavior: A prominent, persistent message spanning a page region to communicate a condition that affects broad page use. ## Prerequisites - Inspect the repository, design system, and existing tests first. - Preserve unrelated changes and keep the file scope bounded. - Confirm that Banner matches the need before writing code. ## Required behavior - The message remains in context until the condition changes or the user deliberately dismisses it. - A live region announces new status only when the update is important and not already focused. ## States to cover - Maintenance announcement inactive — Maintenance announcement inactive - Maintenance announcement active — Maintenance announcement active ## Accessibility - The primary control or named region for Banner has a stable accessible name from visible text or an explicit programmatic label; placeholder text and tooltips are not names. - The banner appears before main content without stealing focus; links receive the same visible focus as the rest of the page. - A close control exists only for noncritical notices, and dismissal persistence expires when the message changes materially. - Tab reaches banner links in document order - Enter activates the details or dismiss action ## Non-goals - Only one field or local task is affected - The message is a routine low-risk confirmation ## Acceptance criteria - The message truly affects a broad page region - The container is a named section rather than misusing role banner - Navigation and focus remain usable at narrow widths - Dismissal never hides an unresolved critical condition
sha256:c9836be1b36e9c37d503da839e2786d54a6a528e441ad0c4c1c65b38b8b89a21