4

私は、セマンティクスとアクセシビリティを改善するためにアウトライナーを使用してきました。そうすることで、意味のある組織について考える必要があるため、コンテンツの構造を改善するのに役立ちました。最新のスクリーンリーダーを使用すると、ページのヘッダー（h1、h2、...）を簡単にタブで移動できることを理解しています。

アウトラインを改善するために（無題のセクションを防ぐために）、H5BPの.visuallyhidden クラスを使用して、補助テキストの目的で無題のセクションにヘッダーを追加し始めました。これはセマンティクスを改善しますか？これは実際にスクリーンリーダーユーザーにとって便利ですか？なんらかの障害ですか？例えば：

<nav>
    <h2 class="visuallyhidden">
        Menu
    </h2>
    <ul>
        <li><a>...</a></li>
        <li><a>...</a></li>
    </ul>
</nav>
4

1 に答える 1

2

セクションのコンテンツの自然な見出しが自明である場合、これは問題のないテクニックです。

これはセマンティクスを改善しますか?

見出しがセマンティクスを改善する場合は、それを非表示にしないことを検討する必要があります。これらのセマンティクスを支援技術 (AT) ユーザーだけに制限したいのはなぜですか?

ある意味邪魔じゃないですか？

AT を使用していないと仮定して、開発者としてテストするときに表示されないコンテンツです。いくつかのメンテナンス サイクルの後に、テキストが見出しのコンテンツと同期しなくなってしまうリスクがあります。'visuallyhidden' スタイルを無効にする非常に簡単な方法を用意することをお勧めします。これにより、見出しが配置されたコンテンツを簡単に読むことができます。

于 2013-01-13T21:04:25.477 に答える