1

数年前までは、Web サイトに (視覚的に隠されている) アクセシビリティ スキップリンクを含めることがベスト プラクティスでした。

<ul>
    <li><a accesskey="0" href="/">Home</a></li>
    <li><a accesskey="1" href="#content">Content</a></li>
    <li><a accesskey="2" href="nav#main">Main navigation</a></li>
    <li><a accesskey="5" href="#search">Search</a></li>
    <li><a accesskey="6" href="#news">News</a></li>
    <li><a accesskey="7" href="#events">Events</a></li>
    <li><a accesskey="8" href="#meta">Service navigation</a></li>
    <li><a accesskey="9" href="/sitemap">Sitemap</a></li>       
</ul>

少なくともいくつかのセマンティック html5 タグが使用されていると仮定します (nav、article など)。

これは Web サイトのアクセシビリティにとって依然として重要な機能ですか、それともスクリーン リーダーが大幅に改善されて省略できるようになったのでしょうか?

そして: 適切な WAI AREA マークアップは、そのようなスキップリンクを置き換えることができますか? もしそうなら、推奨事項はありますか？

4

2 に答える 2

4

スクリーン リーダーのユーザーは、ナビゲーション リンクをスキップする必要がなくなりました。HTML の見出し階層をスキップして Web ページをナビゲートしたり、ARIA ランドマーク ロール ( 、role="navigation"などrole="main") を使用してページの特定の領域にジャンプしたりできます。ページにこれらの機能が含まれていることを確認してください。

とはいえ、他のユーザー、特に目が見えてキーボード (マウスではなく) でナビゲートしているユーザーには、スキップ ナビゲーション リンクが必要です。キーを使用してページ上のリンクをナビゲートしている可能性が高くtab、メイン コンテンツのリンクにたどり着くために多数のナビゲーション メニュー リンクをタブで移動するのは非常に面倒です。無理をするつもりはありません。ナビゲーションをバイパスしてメイン コンテンツにアクセスするための 1 つのリンクで十分です。また、受益者は視覚を持つユーザーであるため、リンクが表示されるか、少なくともキーボード フォーカスを受け取ったときにリンクが表示される必要があります。

すべての主要なブラウザーが、特定の HTML5 セマンティック要素や ARIA ランドマークにキーボードでジャンプするためのネイティブ サポートを提供する場合、これらのリンクを含めるのをやめることができます。

于 2013-06-07T01:04:23.727 に答える
1

スキップ リンクは、ページのコンテンツの最初に配置されるリンクです (最初のフォーカス可能なアイテムである必要があります)。例: Content、Navigation、Searchリンク (またはSkip to content)。バイパス リンクまたはクイック アクセス リンクとも呼ばれる
関連する WCAG 2.0 手法:

あなたが書いたコードはaccesskey属性に関するものです。煩わしいキーボード ユーザーとその何十ものショートカットを避けるために、どのキーを使用するかについての公式の基準はこれまでありませんでした。数字のみを使用し、文字を使用しないなどの事実上の標準があります(既にスクリーン リーダーで使用されています)。

W3C/WAI から: WCAG 1.0 チェックポイントと WCAG 2.0 の比較(そして WCAG 1.0 は 15 年前です! ):

WCAG 2.0 に準拠するためにアクセスキーは不要になりました。これは助言項目です: アクセスキーの提供 (達成基準 2.4.1 (レベル A) の助言技法)。

WebAIM の完全な記事:キーボード アクセシビリティ - accesskey を使用したキーボード ショートカットの提供、特にA Good Idea Implemented Poorly部分 :)

未来はすでにそこにあります。
ランドマークの役割は、クイック アクセス リンクに取って代わるメカニズムです。コンテンツのいくつかの要素に定義済みroleの属性を追加するだけで、ユーザーが最近のスクリーン リーダーを持っている場合、ページのある部分から別の部分に移動し、ナビゲーション メニューをすばやく見つけることもできます ( HTML5 または HTML4の要素です)。または- 内のリンクのリストを使用できます)。 クイック アクセス リンクを削除して、ランドマークの役割のみに依存できるようになるのはいつですか? すべてのスクリーン リーダー ユーザーが互換性のあるものを使用する場合。今日ではありません。 Steve Faulkner による最近の記事WAI-ARIA ランドマークの使用navrole="navigation"uldiv

于 2013-06-06T19:43:09.470 に答える