ホームページ作成にはどんなツールを使って作っておられますか?
ホームページビルダーを使われる方が多いかなぁ?
私は普段はあまり使っていないけれど、ホームページビルダー10を持っています。
なぜこれを購入したかというとまず安く購入できたから
そしてアクセシビリティの配慮があるから!
ホームページビルダーのヘルプにこう書いています。
目の不自由な人が利用しやすいホームページ
ここでは、目や体の不自由な人や高齢者を含めた誰もが利用しやすいホームページを作るためのヒントとホームページの利用しやすさを診断するツールを紹介します。
音声でホームページを「読む」
目の不自由な人は、ホームページを音声で読み上げるソフトを利用してホームページの内容を知ることができます。音声のもととなるのはホームページに書かれている「文字」です。「画像」は音声にはできません。したがって、目の不自由な人が利用しやすいホームページとは、「文字だけで内容がわかる」ホームページです。
注意
- どこでも配置モードの場合、作成されるファイルの仕様上、読み上げられる順序は Web ブラウザの表示とは無関係です。
画像には説明を付ければ大丈夫
インターネットでホームページを見ていて、画像の上にマウス ポインタを置いたら説明文が吹き出しの中に表示されたことはありませんか?これを画像の「代替テキスト」といいます。
「代替テキスト」とは、画像の代わりになる語句、文章のことです。何かの理由で画像が表示されない場合、 指定の代替テキストが表示されます。これは、画像が見えない環境下の方のための手助けとなります。読み上げソフトを使った場合は、読み上げの対象となり、リンク元としても利用できます。リンク付きの画像に代替テキストを入れておけば、たとえ画像を表示できなくても、画像の代わりにリンク元として利用できるので、リンク先に飛ぶことができるのです。
画像に説明を付けることは、多くの人にあなたのホームページを訪れてもらうための必須条件といえるでしょう。
ページにはタイトルを付ければ大丈夫
ホームページを Web ブラウザで表示したとき、一番上のタイトルバーに表示されるのがページのタイトルです。ページのタイトルは、<TITLE> タグと </TITLE> の間に記述します。
<TITLE>今日の朝食</TITLE>
これは、ページのタイトルが「今日の朝食」であることを示しています。読み上げソフトがホームページを読み上げるときは、ページのタイトルが一番最初に読み上げられます。
イメージマップにはリンク先の説明を付ければ大丈夫
「イメージマップ」とは 1 つの画像に複数のリンクをはったものです。イメージマップの場合も、普通の画像と同じように代替テキストを使って、画像内の各リンク元領域に説明を付ければ、リンク先に飛べるようになります。
サーバーサイド イメージマップは使わないこと
イメージマップは、「クライアントサイド イメージマップ」と呼ばれるものです。イメージマップの保存形式には、「クライアントサイド」のほかにも「サーバーサイド」と呼ばれるものがあります。「サーバーサイド」 (= サーバー側) の名前のとおり、イメージマップはサーバー側で管理されるため、Web ブラウザにはリンク先の情報がなく、画像を表示しないとリンク先に飛ぶことができません。サーバーサイド イメージマップはなるべく使わないほうがいいでしょう。
他にも関連情報として
視力の弱い人が利用しやすいホームページ
体の不自由な人が利用しやすいホームページ
などの説明もあります。
そしてホームページの利用のしやすさ (アクセシビリティ) を診断する機能もあります。
かんたんページ作成の場合
- メニューバーから「ツール」→「アクセシビリティのチェック」を選択します。
「アクセシビリティ チェック」ダイアログが表示されます。ここには、診断項目をクリアできなかったタグまたは属性と、その理由が表示されます。 - エラーを修正するには、該当するタグ名をクリックし、[修正] 欄で修正してから [適用] ボタンをクリックします。
- すべての項目について修正が終了したら、[OK] ボタンをクリックします。
ダイアログを閉じます。
スタンダード エディターズ使用の場合
- メニューバーから「ツール」→「アクセシビリティ チェック」→「チェック」を選択します。
「アクセシビリティ チェック」ダイアログが表示されます。ここには、診断項目をクリアできなかったタグまたは属性と、その理由が表示されます。 - エラーを修正するには、該当するタグ名をクリックし、[修正] 欄で修正してから [適用] ボタンをクリックします。
- すべての項目について修正が終了したら、[OK] ボタンをクリックします。
ダイアログを閉じます。
もしまだこの機能を使ったことがなかったらぜひ使ってみて下さい。
が表示
されます。このボタンをクリックすると矢印方向の順(降順、昇順)にスライドショーが始まります。終了したいときは画面の上でクリックするだけです。
ゆう子さん、おはようございます。
いつも参考になる情報をありがとうございます。
早速タグが使える.PAGEで作成している
「ざくろの森 夢色五線譜」
のトップ画像に代替テキストを入れてみました。
先にタグ無しで簡単に作成出来る、くちこみページで作成した
「夢色音楽室」とレイアウトを同じ雰囲気にする為にタグを多用してしまった為、
管理画面がとてもごちゃごちゃした状態になってしまいましたが、
タグの使い方を覚えておくと、色々な事が出来てとても便利そうです。
タグが使えない所では、従来通り画像の説明を添えてみます。
タグを使ったホームページ作りも、今日で3ヵ月と
点字の勉強と同じ位まだまだ初心者なので、
再びお世話になってしまうと思いますが、
今後とも、どうぞよろしくお願い致します。
急に肌寒い日が増えて来ましたので、
ゆう子さんも体調に気をつけてお過ごし下さい。
それでは失礼致します。
ゆう子さん、お早うございます。
あきです。
雨が降ったり止んだりですね。
今日は、朝から練習7をしています。
これは、点字の課題で、聞き書きです。
写し書きよりは、少しやりやすいのですが、元々点字が苦手で遅い私は、課題も大変です。
とは言っても、ここまで来たので、やるしかありませんね。
ちょっと休憩で、ゆう子さんのページを開きました。
私は、ビルダーのことは、分かりません。
でも、便利な機能があるのですね。
皆さんが見やすいページを作れるようになると言うことは、お互いに大切なことだと思います。
また風邪をぶり返してしまったようです。
親戚の子供たちから、もらってしまったようです。
運動会が一昨日ありましたので、今日はその変わりのお休みです。
朝からゲームをしたり、DVDを見ています。
土曜日が運動会でも、月曜日は学校へ行って欲しい私と祖母です。
何で休みなのよ。
と、祖母は言っています。
お昼は、ホットケーキを作る約束をさせられました。
また食べるの?
と思っている私です。
それでは、失礼いたします。
ゆう子さんも、私の風邪をもらわないように、気をつけてお過ごしくださいね。
ゆう子さん こんにちは。
今月の日記ページから、タグを使って写真の説明を書くようにしたばかりですが、 「アクセシビリティ チェック」の機能があることは全然知りませんでした。
今確認しましたが、ホームページビルダー9にもこの機能がついていました。
今度から使ってみたいと思います。
Pekoさんこんにちは
ホームページビルダーのアクセシビリティ チェックは一度くらいは使ってみると良いでしょうね。
トップページがどんな具合なのか。。。視覚効果を追うと結構厳しいものが出てくるかもしれません。