- 2008年1月11日 12:11
- ブラウザ
Webサイト制作するにあたって、Webアクセシビリティを重視していますか。
アクセシビリティとはウェブコンテンツの企画,開発,制作,保守及び運用を
するときに配慮すべき事項を標準化することで、簡単に言うとWebを利用する
すべての人々が提供されているコンテンツにアクセスでき、その機能を利用
できるようにする事です。
GoogleやYahoo!等の検索エンジンのクローラーもこのアクセシビリティを重視
していると言われていますし、アクセシビリティを考慮してサイトを制作する事は
大切な要素となってきています。
しかし、アクセシビリティが確保されているWebページを制作するためには制作した
Webページをチェックする必要があります。
そんなときに便利なツールがFireFoxの拡張機能の「Web Developer」です。
この拡張機能は文書構造、画像のalt属性、テーブルの構造、CSSや
JavaScriptの無効化など、ブラウザと一体化し様々なアクセシビリティ項目に
ついて視覚的に確認する事が可能ですから、実際にブラウザで確認しながら
変更作業を行う事が出来ます。
実際に使ってみると、このような表示になりとても分かり易いです。
設定によってAlt属性やTitle属性の表示を行うことも出来ますし様々な
アクセシビリティに必要な確認を簡単に行うことができます。
アクセシビリティを確保するために利用して作業効率をアップして下さい。
◆div要素の順序を表示した場合

◆id属性とclass属性を表示した場合

◆要素の情報を表示した場合

アクセシビリティとはウェブコンテンツの企画,開発,制作,保守及び運用を
するときに配慮すべき事項を標準化することで、簡単に言うとWebを利用する
すべての人々が提供されているコンテンツにアクセスでき、その機能を利用
できるようにする事です。
GoogleやYahoo!等の検索エンジンのクローラーもこのアクセシビリティを重視
していると言われていますし、アクセシビリティを考慮してサイトを制作する事は
大切な要素となってきています。
しかし、アクセシビリティが確保されているWebページを制作するためには制作した
Webページをチェックする必要があります。
そんなときに便利なツールがFireFoxの拡張機能の「Web Developer」です。
この拡張機能は文書構造、画像のalt属性、テーブルの構造、CSSや
JavaScriptの無効化など、ブラウザと一体化し様々なアクセシビリティ項目に
ついて視覚的に確認する事が可能ですから、実際にブラウザで確認しながら
変更作業を行う事が出来ます。
実際に使ってみると、このような表示になりとても分かり易いです。
設定によってAlt属性やTitle属性の表示を行うことも出来ますし様々な
アクセシビリティに必要な確認を簡単に行うことができます。
アクセシビリティを確保するために利用して作業効率をアップして下さい。
◆div要素の順序を表示した場合
◆id属性とclass属性を表示した場合
◆要素の情報を表示した場合
Comments:0
Trackbacks:0
- TrackBack URL for this entry
- http://webpersons.jp/mt/mt-tb.cgi/423
- Listed below are links to weblogs that reference
- Firefoxのアドオン(拡張機能)「Web Developer」でサイトのアクセシビリティを向上させる from Web Persons [ウェブパーソンズ]|Web担当者向け情報サイト






