2024年02月 / 01月≪ 1234567891011121314151617181920212223242526272829≫03月
2009.02.22(Sun)

【xhtml/css】不可視のページ内アンカーリンクでアクセシビリティを向上する

現場のプロから学ぶXHTML+CSS
Web制作をしていると他のページのソースが非常に気になってしまうという職業気質な方もいるかと思います。
自分もそんな気質を持った一人で、制作現場を離れた今でも「これはどうやって実装しているのだろう?」と思うと直ぐに「ctrl+U」(FireFoxを使っているので)でソースコードを見てしまうクセがあります。

ソースコードを見てると不可視なページ内アンカーを見たことはないでしょうか?例えばページ構造のヘッダ部分にアンカーリンクのまとまりがあり、グローバルナビやローカルナビ、ページ本文へと言った感じのリンクです。

タグ(ブログ内検索もできます)html xhtml css ページ内アンカー アクセシビリティ

14:21  |  CSS/XHTML  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
2009.02.10(Tue)

【xhtml/css】xhtml(html)やcssのコードをチェックするツール色々

Webアクセシビリティ ~標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践~ (Web Designing BOOKS)
htmlやCSSをコーディングしていると、本当にコードが正当(valid)なのかどうかを確かめたくなるところ。記述している時には十分に気をつけているつもりが、ちょっとしたケアレスミスが後から発覚するケースも多いはず。

クライアントからもW3Cでvalidでとか、lintで何点以上とか依頼をされることもあるのではないでしょうか?
htmlやcssのコードはブラウザで簡単に確認されてしまうので、情けないコードは書きたくないところ。という訳で自分が過去に使っていたコードチェッカーを紹介してみます。

タグ(ブログ内検索もできます)xhtml html css コード チェック

07:14  |  CSS/XHTML  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑
 | BLOGTOP |