웹 알림

Outcome：Complete the task with 웹 알림 (Web Notification)。 User context：사용자가 10분 후 시작되는 이벤트에 대한 알림을 받기로 선택했습니다. 번역된 알림 중 하나는 이벤트 이름을 표시하고 클릭하면 올바른 세부 정보를 엽니다. 가치를 설명한 후에만 권한을 요청하고, 일반 페이지 피드백은 페이지에 그대로 유지하세요. Recommended pattern：웹 알림 (Web Notification)。 Why it fits：페이지가 열려 있지 않아도 여전히 유용한 허용된 시간 민감 정보를 위해 이 용어를 사용하십시오. Do not use it when：기본적으로 마케팅을 보내거나 페이지 상태를 반복 전송하거나 열 곳이 명확하지 않은 알림을 보내지 마세요. 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)：이 표준은 나열된 범위만 적용합니다. 시각적 스타일, 제품 결정, 또는 Vibulary 예시는 선택하지 않습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.