Disclosure
開示
開示要素は、関連するセクションを表示または非表示にするボタンです。また、ソフトウェアにそのセクションが開いているかどうかを知らせます。
開示
開示要素は、関連するセクションを表示または非表示にするボタンです。また、ソフトウェアにそのセクションが開いているかどうかを知らせます。
次の場合に選択してください
人々が閲覧を選べる追加コンテンツに使用します。そのコンテンツを非表示にしても、主要なタスクを妨げてはなりません。
実際の例
請求ページでは、「料金内訳を表示」をクリックすると3つの項目が表示され、`aria-expanded` が `true` に変わります。フォーカスはボタンに留まります。JavaScriptが失敗した場合でも合計は表示されたままです。
主な部分
- 01トグルボタン
- 02展開状態
- 03管理地域
以下の場合に使用します
人々が閲覧を選べる追加コンテンツに使用します。そのコンテンツを非表示にしても、主要なタスクを妨げてはなりません。
以下の場合は使用しないでください
メニューやフォームの選択肢として使用しないでください。必要なエラーや指示をその中に隠さないでください。
コードで使用する名前
button aria-expanded aria-controls + controlled region 出荷前に
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome：Complete the task with 開示 (Disclosure)。 User context：請求ページでは、「料金内訳を表示」をクリックすると3つの項目が表示され、`aria-expanded` が `true` に変わります。フォーカスはボタンに留まります。JavaScriptが失敗した場合でも合計は表示されたままです。 Recommended pattern：開示 (Disclosure)。 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 開示 (Disclosure) is used now. Definition: 開示要素は、関連するセクションを表示または非表示にするボタンです。また、ソフトウェアにそのセクションが開いているかどうかを知らせます。 Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.