0

サイトにアクセスできるようにしようとしていますが、キーボード フォーカスが配置されていない限りデフォルトで非表示になっているリンクがあり、その場合は表示されます。リンクは、YouTube ビデオをスキップして他のコンテンツに移動します。私が持っているものはデスクトップでは問題なく動作しますが、モバイル デバイスで Safari とボイスオーバーを使用すると、リンクが読み取られると、フォーカスがページのタイトルに戻ります。私が今持っているものは次のとおりです。

<div class="skip-link"> <a href="#skipvideo">Skip the Youtube Video</a></div>

...

<a class="hidden" id="skipvideo" name="skipvideo" tabindex="-1"></a>

CSS:

.skip-link a,.skip-linkvideo{left:-10000px;position:absolute;color:#fff} 
.skip-link a:focus, .skip-link a:active{ 
    left:0px;
    position:relative;
    outline-style:solid;
    height:22px;
    padding:2px;
}

ナレーションがこれを行う理由を誰かが知っていますか?

4

1 に答える 1

1

通常の要素とフォーカスされた要素の配置の違いが問題の原因であることが判明しました。

絶対から相対に変更すると、他の要素が押し下げられるため、VoiceOver はそれをページの更新と見なします。

于 2013-06-28T21:38:39.980 に答える