インターフェース コア C · 業界の慣例 プラットフォーム: ウェブ

Back to Top

トップに戻る

トップに戻るは長いページのショートカット。表示とフォーカスを開始付近に戻す。

例を試してみる
そう呼ぶかもしれません Back to Topバックトップ上にスクロール上部ショートカット

例を試してみる

トップに戻る

Guide start

First, name the user’s goal and the decision this pattern must support.

You reached the end of the guide. The link returns both the viewport and keyboard focus to its start.

↑ Back to guide start

実際の例

何百もの監査行を読んだ後、アナリストはボタンを使ってフィルタ見出しに戻ります。

主な部分

  1. 01Current location
  2. 02Destination labels
  3. 03Focus order
  4. 04Responsive behavior

以下の場合に使用します

トップメニューやフィルターに戻るには多くのスクロールが必要となる場合に使用します。

以下の場合は使用しないでください

コンテンツを覆ったり、移動先を明示せずにフォーカスを移動したりしないでください。短いページでは隠してください。

コードで使用する名前

scrollTo({ top: 0 }) + focus management

出荷前に

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 トップに戻る (Back to Top)。 User context:何百もの監査行を読んだ後、アナリストはボタンを使ってフィルタ見出しに戻ります。 Recommended pattern:トップに戻る (Back to Top)。 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 トップに戻る (Back to Top) 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.

C
この用語はどれくらい公式か?

業界の慣例

この用語は職場でよく使われます。記載されている情報源は実践や制限をサポートする場合があります。用語のすべての部分を定義するものではありません。

単一の公式標準が全体の用語を管理するわけではありません。その意味はチーム、プラットフォーム、またはフレームワークによって変わる可能性があります。

範囲
単一の正式文書ですべてをカバーしていません
ドキュメントステータス
該当なし
チェックオン
2026-07-30

証拠の情報源と範囲

背景ソース単一の権威ある定義なしこの名前は職場で使われますが、公式な情報源で全てを定義しているものはありません。Vibularyは学習の助けとしてこの意味と例を書きました。

自分でコピーする

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