アクセシビリティ・ユーザビリティを考慮したWEBページ作り

リンクで新しいウィンドウを開かないこと

ブラウザには標準で新規ウィンドウを開く機能が提供さているので新規ウィンドウを開くかはユーザーにまかせましょう。

リンクであるボタン画像はリンクであることが分かりやすくすること

その物体がどのような情報を発信(アフォード)しているかを考える必要があります。
例えばボタンの場合、少し盛り上がっている画像を用いることにより その画像はクリックできるとユーザにアフォードすることが出来ます。

リンクとリンクの間は適切な間を設けること

リンクとリンクの間に適切な間が無いと、リンクが繋がって書かれるためリンクの境界が分かりにくくなります。

[悪い例]

ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 技術書
基本技術書HTML技術書CSS技術書


[良い例１]

ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 技術書
基本技術書・HTML技術書・CSS技術書

[良い例２]

ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 技術書
基本技術書
HTML技術書
CSS技術書

リンクの幅を狭くしないこと

リンクの幅が狭いと、弱視の人に見難くなります。また、リンクをクリックし難くなるので気をつけましょう。

[悪い例]

_
a