web-dev-qa-db-ja.com

見出しにハイパーリンクを含めることはできますか?これは、ユーザビリティまたはWebアクセシビリティの原則に違反しますか?

見出し(h2など)をハイパーリンクすることは受け入れられますか?例えば:

ヘッダーX

宣伝文句…

ヘッダーY

宣伝文句…

これはユーザビリティの原則に違反していますか?ウェブアクセシビリティ/ WCAGの原則はどうですか?これに対する具体的な答えが見つかりませんでした。

1
user50147

実際にはかなり理にかなっていると思います。ここにいくつかのケースがありますが、これが便利だと思います:

  • あなたの側のタイトルは見出しです(たとえば、会社の名前、おそらく最上位のh1であるべきです)。これはあなたの側のロゴに似ています。通常、これをサイトのホームページ/メインURLにリンクするのが慣例です。
  • 投稿/ブログ投稿/アイテムのリストがあります。それぞれに見出しがあり、ほとんどのユーザーはこの見出しがその投稿/アイテムの実際のページにリンクすることを期待します

リンクは任意の要素に含めることができるため、見出し内に配置することは問題ありません。ユーザビリティの観点から見ると、見出しの一部をリンクするだけでは奇妙です。見出しにリンクがある場合、見出し全体がリンクになります。

これを行う:

これは投稿の名前です

これではない:

これは post の名前です

3