Доступность в Интернете - элементы в центре внимания - PullRequest
0 голосов
/ 28 мая 2020

Я работаю над веб-сайтом, делая его доступным. Но у меня возникли проблемы с фокусировкой голоса читателя на элементах, расположенных в нижнем колонтитуле. Я пробовал использовать aria-label, но это не сработало. Прикреплю изображение. Элементы переходят в фокус, что я могу сказать по синему кольцу вокруг элемента, но я не знаю, как заставить оранжевое кольцо сфокусироваться на этих элементах привязки в нижнем колонтитуле. voice over focus in the element above while the regular focus is in the item in the footer

1 Ответ

1 голос
/ 28 мая 2020

Проблема была создана из-за использования "fontawesome.com" для иконок социальных сетей. Чтобы добавить к элементу альтернативный текст или метку (предоставляется fontawesome.com), вам необходимо использовать другой метод: В моем конкретном случае c это решило проблему:

<a href="https://www.instagram.com/iamthonystark/" aria-label="Instagram">
<i aria-hidden="true" class="fab fa-instagram fa-3x"></i>
</a>

Вот ссылка на это решение и решение других возможных проблем, связанных с доступностью и fontawesome.com

https://fontawesome.com/how-to-use/on-the-web/other-topics/accessibility

...