08年5月9日講演資料

見出しがテキストの場合

• 良い例 ページサンプル 1

  MP3：見出し読み上げ音声 1／全体読み上げ音声 1

  見出し読み上げで見出しを抜き出し、概略を把握することができる。全体読みも問題なし。

• 悪い例 ページサンプル 1b

  MP3：見出し読み上げ音声 1b／全体読み上げ音声 1b

  見出しタグが無いため、見出し読み上げできない。全体読みでは、見出し相当部分への半角スペース挿入のせいで読み方がおかしくなっている。

見出しが画像の場合

• 良い例 ページサンプル 2

  MP3：読み上げ音声は上記「見出しがテキストの場合」の「良い例 ページサンプル 1」と同様で、特に問題ないため省略。

• 悪い例 ページサンプル 2b

  MP3：全体読み上げ音声 2b

  見出しタグはあるが、中のimg（画像）タグに代替テキストが無い（alt属性が存在しない）ため、内容が取得できない。全体読みでは見出しの内容がまるまる欠落している。
  ＊この場合、見出し読み上げを行うと見出し終了タグ直後の文を読み上げる（効果音がつかないので、見出しそのものでないとわかる）。

レイアウトの問題

• スタイルシートでレイアウト
• テーブルでレイアウト

この画面配置の場合、スタイルシートでレイアウトすれば正しい順序で読ませることができるが、テーブルでレイアウトの方は、最初→4→3→2→5の順序で読まれてしまう。