注釈ブロック（概要）｜デジタル庁デザインシステムβ版

注釈ブロックは、強調された補足情報です。手続きフォームの入力内容に対するヘルプとして、具体的なサンプルのバリエーションや入力時に必要となる資料等の例示など、極めて有用な情報を補足する場合に使用すると効果的です。

ユースケース

入力や操作そのものの条件を示す場合はサポートテキストを使う: 入力可能な文字種など、入力や操作そのものへの条件や制約は、インプットテキストのサポートテキストを使用してください。
補足情報を折りたたんで提示するときはディスクロージャーを組み合わせて使う: 注釈ブロックの中にディスクロージャーを入れることができます。読まなくても手続きや入力を進められる補足情報を、必要な人が参照できるように折りたたんで提示する場合に使用してください。ただし、ディスクロージャーの内容が重要な情報で、必ず展開しないといけないような場合は、ディスクロージャーを使用することができません。
本文の調子を変えるための装飾として使ってはいけません: 注釈ブロックには段落の周りにボーダーが付くという視覚的な特徴がありますが、これは補足情報であることを表現するためのものです。コラムのように文脈を切り替えたり、本文を強調したりする目的では使用しないでください。