※このページは、HTMLのサンプルとして作成したものです。
  登場する団体名、固有名称等は、すべて架空のものです。

(サンプルページ1、悪い例)




  当楽団は、東京都世田谷区を拠点とし、年に4回の定期演奏会を中
心に活動を行なっているアマチュアオーケストラです。
練習は週一回、毎週土曜日の夕方に区内の練習場を借りて行
なっています。
現在、全パート、団員を募集しています。
音楽が好きで、やる気のあるかた、是非、私たちと一緒に音楽をエンジョイしませんか?
尚、入団についての詳細は「事務局からのお知らせ」をご覧下さい。


◎重要なお知らせ


MENU






【お知らせ】

「第10回定期演奏会」の前売りチケットに、まだ若干の余裕がございます。

価格表
売り出し種別 座席指定 S席 A席 B席
前売り券 指 定 席 2500円 2000円 1500円
自 由 席 なし 1500円 1000円
当日チケット(自由席のみ) 1800円 1300円

ご希望のかたは、「事務局からのお知らせ」をご覧下さい。

(サンプルページ1終わり)


  さて、どこが悪いのかわかりましたか?
正解は以下の通りです。

  1. タイトル画像に「代替テキスト(ALT属性)」が指定されていない。
    (この例だと、音声ブラウザで読み上げた場合、どこのホームページなのかわかりません。)

  2. 語句の途中で強制改行(<BR>タグ)が入っている。
    (「中心」は「なか  こころ」、「行なっています」は「ぎょう  なっています」と読み上げられます。)

  3. 「重要なお知らせ」を JavaScriptで表示している。
    (お知らせの内容が読み上げられません。)

  4. リンク画像に「代替テキスト(ALT属性)」が指定されていない。
    (代替テキストがないと、リンク先のファイル名が読み上げられてしまいます。)

  5. 価格表の中で「指定席」「自由席」という語句の途中に空白を挿入している。
    (「指 定 席」は「ゆび さだめ せき」、「自 由 席」は「じ よし せき」と読み上げられます。)

  6. 価格表の中で行なっているセルの結合も、出来るだけ行なわない方が良いでしょう。

★ これらの点を改善したのが、次のサンプルページ2です。

※ よく理解できなかった人は、もう一度 前の章(7つのポイント)を読み返してみて下さい。




ページメニューへ戻る