Niquelao » 拡張機能 headingsMap

» 拡張機能 headingsMap Niquelao どう言ったらいいんだろう？ 2008年5月5日 投稿者 Rumoroso —> アクセシビリティとウェブ標準 拡張機能 headingsMap 投稿者 Rumoroso まず最初に、Firefox Add-ons にある拡張機能 headingsMap の該当ページへのリンクを貼っておきます。もし試してみようという方がいれば、フィードバックや意見、さらには改善提案もお待ちしています。 ウェブページ内の見出しの集合は、そのコンテンツを階層構造によって整理することを可能にし、文書の地図や索引を得ることができます 。そのため、見出しを使用する際には、文書のコンテンツ構造（セクション、サブセクション、およびそれらの依存関係）を忠実に反映したものでなければならず、さらに十分に明確で、不適切なレベルの飛び越し（例えば、h2からh4へ飛ぶようなこと）を避ける必要があります。これは、ウェブアクセシビリティ の観点から言えば、コンテンツの理解を容易にし、機能的多様性の状況に関わらず誰もが利用できるようにするため、極めて重要です。 見出しは、ウェブ文書の地図や索引として機能するリストの形で抽出することができます。これは、スクリーンリーダーなどの一部の支援技術が行うことができることです。この種の支援技術により、ユーザーはコンテンツの第一印象を得ることができ、事前にすべてのコンテンツを通過することなく、関心のある部分に直接アクセスすることができます。 拡張機能 headingsMap は、見出しを用いて構造化されたあらゆるウェブ文書の索引や地図を生成し、その地図のいずれかの項目をクリックすると、ページの該当するコンテンツに直接アクセスできるようにします。 しかし headingsMap は、誰もがナビゲーションを容易にするのに役立つだけでなく（これはすでに拡張機能 documentMap が提供していました ）、以下の理由から開発者、コンサルタント、ウェブ監査人にとっても非常に有用です： メインドキュメントだけでなく、IFRAME 要素によって埋め込まれた他のドキュメント（それを含むドキュメントの見出しの間に統合して表示されます）や、フレームセット（FRAMESET）を構成するドキュメントの見出し構造も表示します。 各見出しのレベルを示します。 文書に見出しがない場合に警告することができます。 不適切な見出しの飛び越しがある場合に警告し、適切なレベルの見出しが見つかるまで警告を維持します。 文書に存在するすべての見出しを表示します。CSS 技術によって隠されたものや、コンテンツを持たないものも含まれます。 ドキュメントの見出しとそれが持つ iframe の見出しが同じパネルに表示されるため、例えばウェブ監査において、IFRAME の一部を形成する見出しとその他の見出しを区別する必要が生じた場合に備えて、その違いを強調するマーク（側線の形で）を含めるオプションが追加されました（フレームのネストがある場合も区別します）。 マーク（見出しの右側に位置する垂直線）の表示を選択するには、サイドパネルまたは拡張機能がステータスバーにインストールするアイコン上でマウスのセカンダリボタンを押して、対応するオプションを選択するだけで十分です。 さらに、レベル飛び越しのエラーがマークされるようにするための一連の設定オプションや、リストから見出しを選択すると、対応するドキュメントの見出しが特定のスタイル（設定可能なボーダーと背景）で強調表示されるようにするオプションも含まれています。 以下に、IFRAME を含むドキュメントで見出しがどのように表示されるかのスクリーンショットを掲載します。見出しの隣の左側の線は、その中にあるものを示しています。さらに、背景色の違いにより、不適切なレベル飛び越しの存在（この場合、2番目を経由せずに1番目から3番目へ）を警告しています。 ドキュメントがフレームセット（FRAMESET）を含む場合、見出しを表示するパネルはフレームの数だけパネルに分割され、それぞれにその見出しが表示されます。 最後に、追加機能が加えられました。アクセスしているウェブ文書が acc_slide（または rumoslide）や Slidy で作られたウェブ形式のプレゼンテーションである場合、拡張機能は索引として機能し、目的のスライドに直接アクセスできるようにします。 これを読んで、もう拡張機能を試してみたいと確信したなら、ここに再度、Firefox Add-ons にある拡張機能 headingsMap へのリンクを貼っておきます。 拡張機能をインストールすると、ステータスバーにアイコンが表示され、見出し構造を表示するサイドパネルが展開されます。同様に、キーボードの alt + o の組み合わせでもアクセスできます。 注：見出しリストの各項目をクリックすると、該当する見出しに直接アクセスし、それが強調表示されます。強調表示を解除するには、「esc」キーを押すか、現在のドキュメントの任意の箇所をクリックするだけで十分です。 もう正しくやらない言い訳はありません。ドキュメントに見出しを付け始めて、正しくやりましょう。 コメントは RSS 2.0 フィードでフォローできます 。また、コメントを残す か、あなたのサイトから http://www.niquelao.net/extension-headingsmap/trackback/ のアドレスでトラックバックを送ることもできます。 3件のコメント Firefox Add-ons（2008年5月6日） […] 拡張機能 headingsMap は、見出しを用いて構造化されたあらゆるウェブ文書（メインドキュメントだけでなく、含まれるフレームや iframe も含む）の索引や地図を生成し、表示します […] kcmr（2008年8月12日） とても良い拡張機能です！Document Map を何倍も上回っています。 www.webeame.net（2008年8月12日） 開発者向け拡張機能… ウェブ文書（フレームを介してリンクされたものも含む）の見出し構造に関する完全な情報を提供する、Firefox 用の便利な拡張機能です。エラーがあるか、見出しが欠けているかを通知し、ページをナビゲートできます… コメントは RSS 2.0 フィードでフォローできます 。また、コメントを残すか、あなたのサイトからトラックバックを送ることもできます。 この作品は Creative Commons ライセンスの下にあります 。

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.