ロゴマーク メニューの始まり 戻る メニューの終わり
働く犬を支援する会     メニューの始まり ホーム     メール メニューの終わり
音声読み上げソフトに対して

同一の画面を視覚障害者の方に利用していただくため下記のくふうをいたしました
読み上げの検証にはホームページ・リーダー Windows版 3.01お試し版を使用しました

全ての画像にALT属性を使用しています
<IMG src="image/modoken2.gif" alt="盲導犬の画像">

バックグランド色と同色の画像を利用してメニューの始まり メニューの終わりを読み上げるようにくふうしました
<td ALIGN=right BACKGROUND="../image/t_color.gif"> <IMG src="../image/t_color.gif" height=10 width=15 alt="メニューの始まり"> <A HREF=http://www.hatainu.com/><font size=3>ホーム</font></A> <font size=2>   </font> <A HREF=http://www.hatainu.com/e_mail.htm><font size=3>メール</font></A> <IMG src="../image/t_color.gif" height=10 width=15 alt="メニューの終わり"> </td>

画面をメニュー画面と本文とを分けるため使用するフレーム構造は、もちいてません

賛助会員募集のページで金額を計算さすため以外は、JavaScriptを使用していません

読み上げ順序を考慮したテーブル構造を使用しました
従来法
(ADGB・・FIと読み上げる)
改善後
(ABCD・・HIと読み上げる)
<table border=1> <TR> <TD width="50">A</TD> <TD width="50">D</TD> <TD width="50">G</TD> </TR> <TR> <TD>B</TD><TD>E</TD><TD>H</TD> </TR> <TR> <TD>C</TD><TD>F</TD><TD>I</TD> </TR> </table> <table border=1> <tr><TD> <table width="50" border=2> <TR><TD>A</TD></TR> <TR><TD>B</TD></TR> <TR><TD>C</TD></TR> </table> </TD><TD> <table width="50" border=2> <TR><TD>D</TD></TR> <TR><TD>E</TD></TR> <TR><TD>F</TD></TR> </table> </TD><TD> <table width="50" border=2> <TR><TD>G</TD></TR> <TR><TD>H</TD></TR> <TR><TD>I</TD></TR> </table> </TD></tr> </TD></tr></table>