ガイドライン

Anatomy: 解剖図
| Item | Name | Description | Component | Optional |
|---|---|---|---|---|
| 1 | Label | リンクにコンテキストを付与するためのテキスト要素 | — | |
| 2 | Open In New Icon | 新規ウィンドウ・タブで開くことを表すアイコン | — |
Options: 選択肢
States: 状態

Hover
ユーザーがリンクにマウスオーバーしている状態。ラベルを操作してホバー状態に切り替えることも可能です。

Focus
ユーザーがタッチ操作や、キーボードや音声による操作を用いてリンクに注視している状態。
Metrics: 寸法
- Vertical Resizing: Hug
- Horizontal Resizing: Fixed
- Item Spacing: 4px

Usage: 使い方
Contents: 内容

Don’t
リンクテキストは曖昧な表現を避けてください。リンクのみを読み上げた際にも、遷移先や内容が伝わるよう、単独で判断できるテキストにしてください。
References: 参考文献
Change log: 変更履歴
| Date | Changes |
|---|---|
| 2025/06/02 | 常に下線を引く状態とする Disabledな状態を削除 |
| 2025/04/04 | 初版を公開 |
小さな気づきや違和感があれば、
お気軽に教えてください。
フィードバック
