キーボードアクセシビリティ - タブにフォーカスしないリンク - Safariブラウザ

Question

タブでSafariブラウザのアクセシビリティに問題があります。アンカータグはタブ移動に焦点を当てていません。
私はtabindexの有無をチェックしました。 tabindex = "0"に設定しても、何も変更されていません。これはSafariのバグかどうかは不明です。 https://www.microsoft.comを含む他のウェブサイトでも同じことが実証されています。

Safariのバージョン10.1.1（11603.2.5）
マック：OS Xエルキャピタン

ボタン要素がフォーカスを取得している、唯一の問題は、いずれも貴重な入力を支援するアンカータグで

<a id="footer-linkedin-link" target="_blank" class="social-footer-icon" aria-label="Follow on LinkedIn" href="https://www.linkedin.com/"></a> 

です私。前もって感謝します。

Answer 1

空のアンカータグを使用することはできません。タブには何もありません。これはHTMLの検証エラーで、ブラウザが別の方法で処理する可能性があります。あなたのCSSがなければ、私はあなたが何をすべきか正確にわからないんだけど、私は本当にこのような何かしたい推測している：

<a target="_blank" href="https://www.linkedin.com/"> 
    <span id="footer-linkedin-link" class="social-footer-icon" role="img" aria-label="Follow on LinkedIn" ></span> 
</a> 

アイコンはCSSがアンカー内のコンテンツであることが必要で挿入されているが、適切になりますrole="img"を使用して画像としてキャストすると、aria-labelになります。