本文へ移動

§23-08Help & Support

Contextual help (?)

入力欄のそばの ? から補足説明を開く。

用語や入力形式が分からないときに、別ページへ移らずその場で確認できる。専門的な設定項目が並ぶフォームで効く。

実装のポイント

ヘルプは button で開閉してクリック・フォーカスに応じ、aria-describedby でフィールドと結ぶ。ホバーだけに頼るとタッチ端末で開けない。

特徴
  • アクセシビリティ
デモで使っているもの
  • shadcn/ui
  • lucide-react

このパターンが効く目的