インターフェース さらに詳細 D · 日常使用または特別用途の名前

Alert, Banner & Notification — Learning Bundle

アラート、バナー&通知 — 学習バンドル

この学習バンドルは、3種類のフィードバックを比較します。アラートは重要な状態を伝えます。バナーは領域全体に広がります。通知は後で確認できるストリームに入ります。このバンドルは、標準的なステータスパターンの1つではありません。

例を試してみる
そう呼ぶかもしれません 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通知 (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: この学習バンドルは、3種類のフィードバックを比較します。アラートは重要な状態を伝えます。バナーは領域全体に広がります。通知は後で確認できるストリームに入ります。このバンドルは、標準的なステータスパターンの1つではありません。 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
この用語はどれくらい公式か?

日常使用または特別用途の名前

これは日常的または古い名前、1つの会社で使用される名前、またはVibularyのカテゴリである可能性があります。情報源は実践や制限をサポートする場合がありますが、名前を定義するものではありません。

これは規範的な標準ではありません。その名前、制限、および期待される挙動は、情報源によって変わる可能性があります。

範囲
ソースがカバーするもののみ:正式名、定義、相互作用、キーボードの動作、アクセシビリティ、使用ガイド、避けるための指針
ドキュメントステータス
安定
チェックオン
2026-07-30

証拠の情報源と範囲

権威のある情報源 · W3C WAI · 安定 Alert Pattern 範囲: 正式名、定義、相互作用、キーボードの動作、アクセシビリティ ここでの役割: 定義ではなく有用な背景情報 ソースの範囲: 正式名, 定義, 相互作用, キーボードの動作, アクセシビリティ 権威のある情報源 · W3C WAI · 安定 Understanding Success Criterion 4.1.3: Status Messages 範囲: アクセシビリティ、使用ガイド、避けるための指針 ここでの役割: 定義ではなく有用な背景情報 ソースの範囲: アクセシビリティ, 使用ガイド, 避けるための指針 権威のある情報源 · GOV.UK Design System · 安定 Notification banner 範囲: 正式名、定義、相互作用、キーボードの動作、アクセシビリティ ここでの役割: 定義ではなく有用な背景情報 ソースの範囲: 正式名, 定義, 相互作用, キーボードの動作, アクセシビリティ

自分でコピーする

ブラウザはこれをコピーできませんでした。下のリクエストを選択して自分でコピーしてください。