인터페이스 더 많은 세부 정보 D · 일상적 또는 특수용 이름

Alert, Banner & Notification — Learning Bundle

알림, 배너 및 알림 메시지 — 학습 세트

이 학습 번들은 세 가지 종류의 피드백을 비교합니다. 알림(alert)은 중요한 상태를 알립니다. 배너(banner)는 영역 전체에 걸칩니다. 알림(notification)은 나중에 사람들이 확인할 수 있는 스트림으로 들어갑니다. 이 번들은 하나의 표준 상태 패턴이 아닙니다.

당신은 이것을 이렇게 부를 수 있습니다 Alert, Banner & Notification — Learning Bundle피드백 패턴 학습 번들알림, 배너, 알림 메시지 비교상태 메시지 수업

예제를 시도해 보세요

실제 예시

서비스 중단 배너는 앱 화면 위쪽에 계속 떠 있어. 결제 알림도 알림 센터에 같이 뜨지.

주요 부분

  1. 01State signal
  2. 02Human-readable message
  3. 03Timing or progress
  4. 04Recovery path

사용할 때

메시지의 긴급성, 지속 시간, 목적지 및 영향을 받는 영역에 맞는 패턴을 선택하세요.

다음 경우에는 사용하지 마세요

모든 배너를 동일하게 시끄럽게 쌓거나 정상적인 성공에 대해 알림을 사용하지 마십시오.

코드에서 사용된 이름

role="alert" / notification center

출시하기 전에

Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.

복사 가능한 요청

Outcome:Complete the task with 알림, 배너 및 알림 메시지 — 학습 세트 (Alert, Banner & Notification — Learning Bundle)。 User context:서비스 중단 배너는 앱 화면 위쪽에 계속 떠 있어. 결제 알림도 알림 센터에 같이 뜨지. Learning bundle to unpack:알림, 배너 및 알림 메시지 — 학습 세트 (Alert, Banner & Notification — Learning Bundle)。 Canonical members:알림 (Alert)、배너 랜드마크 (Banner Landmark)、웹 알림 (Web Notification) Why this comparison helps:메시지의 긴급성, 지속 시간, 목적지 및 영향을 받는 영역에 맞는 패턴을 선택하세요. Do not treat the bundle as one pattern when:모든 배너를 동일하게 시끄럽게 쌓거나 정상적인 성공에 대해 알림을 사용하지 마십시오. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary):이것은 규범적인 표준이 아닙니다. 이름, 한계 및 예상 동작은 출처마다 달라질 수 있습니다. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.

이 요청을 확인하세요

Review how 알림, 배너 및 알림 메시지 — 학습 세트 (Alert, Banner & Notification — Learning Bundle) is used now. Definition: 이 학습 번들은 세 가지 종류의 피드백을 비교합니다. 알림(alert)은 중요한 상태를 알립니다. 배너(banner)는 영역 전체에 걸칩니다. 알림(notification)은 나중에 사람들이 확인할 수 있는 스트림으로 들어갑니다. 이 번들은 하나의 표준 상태 패턴이 아닙니다. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

D
이 용어는 얼마나 공식적인가요?

일상적 또는 특수용 이름

이것은 일상적이거나 오래된 이름일 수 있으며, 한 회사에서 사용하는 이름이거나 Vibulary 범주일 수 있습니다. 출처는 활용이나 제한을 지원할 수 있지만, 이름을 정의하지는 않을 수 있습니다.

이것은 규범적인 표준이 아닙니다. 이름, 한계 및 예상 동작은 출처마다 달라질 수 있습니다.

범위
소스가 포함하는 것만:정규 이름、정의、상호작용、키보드 동작、접근성、사용 안내、피해야 할 상황 안내
문서 상태
안정적인
선택됨
2026-07-30

증거 출처 및 범위

권위 있는 출처 · W3C WAI · 안정적인 Alert Pattern 범위: 정규 이름、정의、상호작용、키보드 동작、접근성 여기 역할: 정의가 아닌 유용한 배경 출처 범위: 정규 이름, 정의, 상호작용, 키보드 동작, 접근성 권위 있는 출처 · W3C WAI · 안정적인 Understanding Success Criterion 4.1.3: Status Messages 범위: 접근성、사용 안내、피해야 할 상황 안내 여기 역할: 정의가 아닌 유용한 배경 출처 범위: 접근성, 사용 안내, 피해야 할 상황 안내 권위 있는 출처 · GOV.UK Design System · 안정적인 Notification banner 범위: 정규 이름、정의、상호작용、키보드 동작、접근성 여기 역할: 정의가 아닌 유용한 배경 출처 범위: 정규 이름, 정의, 상호작용, 키보드 동작, 접근성

직접 복사

브라우저가 이것을 복사할 수 없습니다. 아래 요청을 선택하고 직접 복사하세요.