【HTML/CSS】aタグ アクセシビリティについて

<a href="リンクURL" target="_self">サンプル</a>

aタグについて


「aタグ」とは、アンカーリンクのaをとったタグ
リンクを設置でき、クリックすると指定したURLに飛ぶ

「href」はハイパーリンクリファレンスの略

「target」はクリックしたページを同じウィンドウで表示するか新しいウィンドウで表示するか指定できる(省略可:省略時は同じウィンドウで表示)
記述できる種類例
●_self → 同じウィンドウで開く(通常時)
●_blank → 新しいウィンドウで開く

アクセシビリティの話

aタグを使用すると下線が引かれて、一目でリンクとわかる
通常時)クリック前:青色 クリック後:紫色
と表示の色も変わり、本文との違いが分かりやすい

ただ最近は本文の色に統一したり、下線がないことが多い
(個人的にもちょっと古臭く見える)

本文の色と同じにしたとしても、色以外でリンクであると分かりやすくする必要がある

例えば
●ボタンのような見た目に装飾する
●ホバーのタイミングで色を変える
●文字の大きさを大きくする

見た人全員がリンクであると分かる装飾を目指したい

この記事が気に入ったらサポートをしてみませんか?