Доступность клавиатуры - ссылки не фокусируются на вкладках - Safari Browser

Question

Я столкнулся с проблемой доступности браузера Safari на вкладках. Якорные теги не фокусируются на табуляции.
Я проверил с и без tabindex. Установка tabindex="0", но ничего не изменилось, не уверен, что это ошибка в Safari или нет. Протестировано на других сайтах, включая https://www.microsoft.com/, такой же опыт.

Safari Версия 10.1.1 (11603.2.5)
Mac: OS X El Capitan

Элемент кнопки получает фокус, только проблема с тегом привязки

<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,