top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_295

WebInspector:ちょっと立ち止まり、サイト制作、少し考える ・・・ 【アクセシビリティ】

 2008-10-11
 様々な工業製品には、昔から「JIS」の名称で知られる
 JIS規格なるものが存在することはご存知だろう。
 実は(ご存知の通り)ホームページ・WEBサイトにも、それは
 存在していて、
 ・JIS X 8341-3 (2004年6月21日交付、Webアクセシビリティを規定した日本工業規格)
 だ。

 この規格自体は、
日本工業標準調査会

 こちらで閲覧することはできる
 ・JIS規格詳細画面
  (JISX8341-3
 だが、本来は正式に
 購入して入手する必要がある


 ・・・が、この頁で、PDFとして閲覧することはできるので
 どういうことが規定されているかがよくわかる。

 私たちは日々、Web頁を制作するにあたり、
 ・デザインや利用者のユーザビリティ
 ・送り手の思惑や機能・アイデア
 を実現すべく模索格闘しているわけだが、


 時には、このような
 (客観的)第三者機関の観点から、それらを見直すことも
 大事なことだろう。

 とはいえ、この規格に対して、憶測や類推でひとつひとつ検証して
ゆくのは、時間的にも内容的にも無理がある。
 ・HTMLの判断に html-lint が力を貸してくれるように

 やはり、あるのだ。

 > 決してこの規格の確認専用のためのものではないが、
 アクセシビリティ(の実現度)を確認・チェックするための
 ツールを

 (あの)富士通が無料ツールとして提供してくれている。
 (知らなかった、恥ずかしい・・・)

WebInspector

 規格チェック専用ではないが、一応
 ・JIS X 8341-3 に対応したチェックを行います
 と謳ってくれていて
 ・アクセシビリティの問題点を指摘し、チェック結果を一覧表示
 ・修正すべき箇所をビジュアルに表示
 してくれる。
 素晴らしいツールだ。


 早速、利用してみる。

◆アクセスして
 ダウンロードページ
 (私は)Windows用のダウンロードを行う

◆解凍すると
 (インストールなどはなく)
 そのまま実行できるファイルが展開される


◆WebInspector.exe を実行
すると
 ダイアログが表示され

 URL に
 「創るmetaboy」の http://metaboy.blog23.fc2.com/
 を入力! チェックしてみる。

 すると ・・・
 > おぉ! なんてこった。 「合格」ではないか!
   ※まぁ、私が創ったわけではなく、FC2のシステムと
    テンプレートを作成・用意された方のお力 ですがね。

 それでも、気分はいいものだ。

 ただし、完璧ではない。

 ・問題点が、320件ありました。 ということで
 「必ず、何らかの修正が必要な問題 」 に関しては
 できるだけ、クリアしてゆこう。

□9. ページ内で記述する基本となる言語を明示する。

 おぉ、こんな基本ができていなかったか。
 指針を見てみると
HTMLファイルで、言語を指定しない場合、音声ブラウザでは、正しい発音で読み上げない場合があります。 例えば、フランス語で「voiture」という(クルマ)を表す言葉は、初期設定が "英語" の音声ブラウザでは「voter」(投票者)と発音されてしまいます。

 ということだ。

□47. フォームは、ラベルとコントロールの関係を明確にする。また、入力項目をグルーピングし、コントロールを見つけやすくする。

 ついついこれは忘れがちになるよな。まぁ、ここは
 テンプレートの部分なのだけど、直しておこう。
上肢に障害のある利用者や高齢者の場合、チェックボックスなど表示面積の小さいコントロールを、マウスで選択することは困難です。
ラベルとコントロールを関連づけることで、ラベル部分をクリックし、コントロールを選択することが容易になります。

 ということだ。

□54. すべての画像には、画像の内容を的確に示す alt属性をつける(画像の代替情報)。

 ここも、こんな基本的なところができていなかったか・・・
ブラウザで画像を非表示に設定している利用者は、画像の代替情報(注)がない場合、画像の内容を把握することができません。
また、音声ブラウザは、画像( タグ)の代わりに、alt属性の内容を読み上げます。
alt属性が指定されていないと、画像の内容を把握できない場合があります。
また、リンクのある画像の場合、alt属性が指定されていないと、音声ブラウザは、リンク先の URL を読み上げます。
画像の内容を的確に示す alt属性を指定してください。

 ということだ。

 これは、とても有用なツールだ。
 完全にクリアするのは、諸事情により難しいこともあるだろうが
 利用し、内容を検討考慮すること はとても必要なことだと、痛感した。

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/295-6e056926
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。