まほろば::視覚障碍者も使えるブログ(アクセシビリティ向上）


		まほろば視覚障碍者も使えるブログ(アクセシビリティ向上）

		【ホームに戻る】　【ショートカット登録】	サイト内検索

<<前の記事　次の記事>>


	視覚障碍者も使えるブログ(アクセシビリティ向上）

	投稿者：マーチン　 2008年1月2日　【記事印刷】カテゴリ：視覚障碍者向け::ブログを使う　スクリーンリーダーをお使いのかたのアクセシビリティを向上させるための提案です。１．ページの先頭に、各項目にジャンプするためのリンクを置く２．各項目の先頭で”ここから　何々” と読みあげるようにするこれらがあれば、ページの内容がつかみんだり、そこへジャンプしやすくなります。それを実現するためには、以下のようなタグを、項目の前に書きます。＜a name="section" href="#section" title="ここから最新タイトル"＞＜/a＞　以下に、この提案を、「はてなダイアリー」で実現するための変更例を示します。 ●実例スクリーンリーダーを使って、こちらのブログ「まほろば会員の落書き帳」をご覧ください。 ●ページのヘッダ【変更前】 <div class="main"> 【変更後】 <div> <a name="pagejump" href="#pagejump" title="ここからページ内ジャンプ"></a> <a href="#sectioncategory">カテゴリ</a> \| <a href="#section">最新タイトル</a> \| <a href="#comment">最近のコメント</a> \| <a href="#link">リンク集</a> </div> <div class="main"> <a name="main" href="#main" title="ここから本文"></a> ●ページのフッタ【変更前】 </div> <div class="sidebar"> <hatena name="sectioncategory" template="hatena-module"> <hatena name="section" template="hatena-module"> <hatena name="comment" template="hatena-module"> <div class="hatena-module"> <div class="hatena-moduletitle">リンク集</div> <div class="hatena-modulebody"> <ul class="hatena-urllist"> <li><a href="http://mahoro-ba.net/">まほろば</a></li> </ul> </div> </div> </div> 【変更後】 </div> <div class="sidebar"> <a name="sectioncategory" href="#sectioncategory" title="ここからカテゴリ"></a> <hatena name="sectioncategory" template="hatena-module"> <a name="section" href="#section" title="ここから最新タイトル"></a> <hatena name="section" template="hatena-module"> <a name="comment" href="#comment" title="ここから最近のコメント"></a> <hatena name="comment" template="hatena-module"> <div class="hatena-module"> <a name="link" href="#link" title="ここからリンク集"></a> <div class="hatena-moduletitle">リンク集</div> <div class="hatena-modulebody"> <ul class="hatena-urllist"> <li><a href="http://mahoro-ba.net/">まほろば</a></li> </ul> </div> </div> </div> 【連載】【まほろば】視覚障碍者も使えるブログ（何故ブログ）【まほろば】視覚障碍者も使えるブログ（はてなダイアリー）【まほろば】視覚障碍者も使えるブログ（ユーザ登録と初期設定）【まほろば】視覚障碍者も使えるブログ(設定例１）【まほろば】視覚障碍者も使えるブログ(設定例２）【まほろば】視覚障碍者も使えるブログ(サイドバーの設定）【まほろば】視覚障碍者も使えるブログ（使い方）【まほろば】視覚障碍者も使えるブログ(アクセシビリティ向上）

<<前の記事　次の記事>>


	カテゴリ内新着記事

	視覚障碍者も使えるブログ(サイドバーの設定）視覚障碍者も使えるブログ(アクセシビリティ向上）視覚障碍者も使えるブログ（使い方）視覚障碍者も使えるブログ(設定例２）視覚障碍者も使えるブログ(設定例１）視覚障碍者も使えるブログ（ユーザ登録と初期設定）視覚障碍者も使えるブログ（はてなダイアリー）視覚障碍者も使えるブログ（何故ブログ）


		Copyright © 2007 まほろば. All Rights Reserved.