‹i› не совместим со стандартами WCAG?

Поэтому я работаю над обновлением доступности WCAG 2.0 для сайта, на котором используются значки Font Awesome. Проблема в том, что в рекомендациях указано, что курсив не следует использовать. Я знаю, что использование FA на самом деле не выделено курсивом, но когда вы выполняете проверку кода, появляется предупреждение, и я пытаюсь ограничить любые предупреждения, даже если они не являются реальной проблемой. У кого-нибудь есть хороший обходной путь для этого?

Вот что в документации говорится о курсиве: https://achecker.ca/checker/suggestion.php?id=117


font-awesome wcag2.0
person Aaron    schedule 14.09.2017    source источник
comment
Возможный дубликат Как мне сделать Font Awesome WCAG 2.0 совместимым ?   -  person danielnixon    schedule 13.01.2018
comment
как это сделать в wordpress?   -  person ps138    schedule 25.07.2021

Ответы (2)


arrow_upward
0
arrow_downward

Вместо этого используйте тег. Оба элемента и широко используются для иконок. Вы можете прочитать больше здесь: Должен ли я использовать ‹i › тег для иконок вместо ‹span›?

person Philip Rabbett    schedule 03.10.2017

arrow_upward
0
arrow_downward

Я не верю, что есть что-то в Рекомендации WCAG 2.0 1.4, что фактически запрещает использование элемента <i>.

Более уместным соображением было бы спросить, поймут ли незрячие пользователи назначение ваших потрясающих шрифтов глифов. Тот факт, что что-то совместимо, не означает, что оно на самом деле полезно для людей.

Я рекомендую просмотреть методы Font Awesome для специальных возможностей, так как не похоже, что вы в настоящее время их реализуете. .

Два аргумента доступности для отказа от использования элемента <i>:

  1. Программы чтения с экрана могут не объявить об изменении текста с обычного на курсив, поскольку <i> является элементом представления, а не семантическим элементом, таким как <em>.
  2. Большие блоки выделенного курсивом текста могут быть труднее читать людям с дислексией.

Поскольку ни один из них не применим к вашей ситуации, я бы проигнорировал эту ошибку.

person Josh    schedule 20.12.2017
comment
как это сделать в wordpress? - person ps138; 25.07.2021
comment
Используйте базовый HTML, а не шорткоды. Тогда у вас есть полный контроль над кодом. - person Josh; 29.07.2021