リンク¶
これらのガイドラインは、リンクに関するものです。
ここでリンクとは、ユーザーがクリック（タッチ）することでページ遷移や何らかの機能が実行されるものを差します。リンクにはテキストのみで構成されているもの、アイコンが用いられているもの、画像とテキストの一方又は両方が用いられているものが含まれます。また、a要素で実装されているものに加えて、button要素で実装されていたり、適切なrole属性が付加されて実装されているものも含みます。
認知を可能にする¶
[MUST] 複数の視覚的要素を用いた表現¶
- ガイドライン
[MUST] クリッカブルであることを、色だけで表現しない。
- チェック内容
ビジュアル： グレースケール表示にしたとき、どの部分がリンクか判別できる。（例： リンクに下線があるなど）
[MUST] 適切なリンク・テキスト¶
- ガイドライン
[MUST] リンク・テキスト（
a要素の中身、アイコンのラベルなど）は、そのリンクの目的を判断できるものにする。- チェック内容
ビジュアル： 「○○はこちら」の「こちら」の部分だけがリンクになっていない。（この場合は「○○はこちら」全体をリンクにする。）、または
ビジュアル： リンク・テキストの意図がマークアップで明確になっている。（事例参照）
[MUST] 一貫したリンク・テキスト¶
- ガイドライン
[MUST] 同じ機能を実行するリンクは、サイト内で一貫性のあるリンク・テキストを付与する。
- チェック内容
ビジュアル： 同じ目的で設置されているリンクには、サイト内で一貫したリンク・テキストが用いられている。