Alert
알림
알림은 키보드 포커스를 이동하지 않고 발표되는 짧고 중요한 메시지입니다. 사용자가 즉시 응답하도록 요구하지 않습니다.
The workspace could not reach the server. Keep editing or retry when the connection returns.
실제 예시
사용자가 에디터에서 계속 입력하는 동안 백그라운드 저장이 실패합니다. 알림은 변경 사항이 저장되지 않았음을 알려주고 복구 방법을 보여줍니다. 사용자가 중지하고 선택해야 하면 대신 알림 대화상자를 사용하세요.
주요 부분
- 01중요한 메시지
- 02실시간 공지
- 03복구 경로
사용할 때
주의를 빼앗지 않고 발표해야 하는 중요한 시간 민감 상태에 이 용어를 사용하십시오.
다음 경우에는 사용하지 마세요
정상 업데이트, 오래된 메시지 또는 페이지 로드 시 이미 있는 콘텐츠에 대해 알림을 사용하지 마세요.
코드에서 사용된 이름
role=alert / aria-live=assertive 출시하기 전에
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 알림 (Alert)。 User context：사용자가 에디터에서 계속 입력하는 동안 백그라운드 저장이 실패합니다. 알림은 변경 사항이 저장되지 않았음을 알려주고 복구 방법을 보여줍니다. 사용자가 중지하고 선택해야 하면 대신 알림 대화상자를 사용하세요. Recommended pattern：알림 (Alert)。 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)：해당 출처에 대해 공식적인 것입니다. 다른 플랫폼이나 팀은 그 용어를 다른 방식으로 사용할 수 있습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how 알림 (Alert) is used now. Definition: 알림은 키보드 포커스를 이동하지 않고 발표되는 짧고 중요한 메시지입니다. 사용자가 즉시 응답하도록 요구하지 않습니다. 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.