戻る
	働く犬を支援する会	ホーム 　　　 メール
音声読み上げソフトに対して

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

例 <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を使用していません 読み上げ順序を考慮したテーブル構造を使用しました

例 従来法 （ＡＤＧＢ・・ＦＩと読み上げる） 改善後 （ＡＢＣＤ・・ＨＩと読み上げる） Ａ Ｄ Ｇ Ｂ Ｅ Ｈ Ｃ Ｆ Ｉ Ａ Ｂ Ｃ Ｄ Ｅ Ｆ Ｇ Ｈ Ｉ <table border=1> <TR> <TD width="50">Ａ</TD> <TD width="50">Ｄ</TD> <TD width="50">Ｇ</TD> </TR> <TR> <TD>Ｂ</TD><TD>Ｅ</TD><TD>Ｈ</TD> </TR> <TR> <TD>Ｃ</TD><TD>Ｆ</TD><TD>Ｉ</TD> </TR> </table> <table border=1> <tr><TD> <table width="50" border=2> <TR><TD>Ａ</TD></TR> <TR><TD>Ｂ</TD></TR> <TR><TD>Ｃ</TD></TR> </table> </TD><TD> <table width="50" border=2> <TR><TD>Ｄ</TD></TR> <TR><TD>Ｅ</TD></TR> <TR><TD>Ｆ</TD></TR> </table> </TD><TD> <table width="50" border=2> <TR><TD>Ｇ</TD></TR> <TR><TD>Ｈ</TD></TR> <TR><TD>Ｉ</TD></TR> </table> </TD></tr> </TD></tr></table>