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

　スクリーンリーダーをお使いのかたのアクセシビリティを向上させるための提案です。
これらがあれば、ページの内容がつかみんだり、そこへジャンプしやすくなります。それを実現するためには、以下のようなタグを、項目の前に書きます。
　以下に、この提案を、「はてなダイアリー」で実現するための変更例を示します。

●実例

●ページのヘッダ

<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>

---

◆連載