3

第 508 条には、視覚障害者が長くて反復的なトップ ナビゲーションをバイパスできるようにするために、すべての Web ページの上部に「ナビゲーションをスキップ」をコーディングする必要があります。

もともと、これを行う最善の方法は、ページに単語を配置し、CSS「display:none」を使用して表示しないようにすることだと考えていました。しかし、これもできないと読みました。

すべてのページの上部にある「ナビゲーションをスキップ」ハイパーリンクを実行するベストプラクティスを知っている人はいますか? 「Display:none」コメントを使用せずに CSS でこれを行うことはできますか?

4

2 に答える 2

4

display:noneスクリーンリーダーがその要素を破棄する可能性があるという印象を受けています。彼らがそうする理由を完全には理解していませんが、それが彼らが「HTML」リーダーではなく「スクリーン」リーダーである理由だと思います。

position:absoluteスクリーンリーダーに表示したい要素を削除するために使用する傾向があります。何かのようなもの...

a#skip_to_content {
    position:absolute;
    top:-10000px;
    left:-10000px;
}

...しかし、これが提案された解決策であることを確認するために何も読んでいません。

アクセス可能な Web サイトを開発しようとしていて、ページを非常に迅速にテストしたい場合は、Fangs FireFox プラグインをチェックしてください。これは、一般的なスクリーン リーダーである Jaws がサイト上の情報をどのように見て整理するかをシミュレートします。

于 2010-04-01T16:01:38.087 に答える
0

assets.cms.govをご覧ください。508 準拠の jQuery UI コントロールを備えた優れた Twitter Bootstrap ベースのフレームワークがあります。Skip Navigation もフレームワークに実装されています

于 2013-02-11T19:45:37.347 に答える