Каков правильный синтаксис для добавления значков шрифтов в HTML?

Question

Bootstrap и FontAwesome пишут это так:

<i class="fa fa-fort-awesome"></i>

Мне кажется, что это должно быть предпочтительнее:

<span class="fa fa-fort-awesome" aria-hidden="true"></span>

поскольку элемент span не является семантическим (в отличие от тега i), а атрибут aria-hidden делает элемент игнорируемым программами чтения с экрана.

Но может ли это быть излишним, и я должен просто пойти с их синтаксисом?

Answer 1

Краткий ответ: просто используйте их синтаксис.

FontAwesome прямо заявляет, что имеет поддержку программ чтения с экрана на своей домашней странице, и Bootstrap упоминает поддержку в нескольких местах в своей документации.

При этом, если вы хотите лучше контролировать работу программы для чтения с экрана, вы можете сделать свой собственный <span>и протестируйте его с помощью программы чтения с экрана (при условии, что у вас есть доступ к этому программному и / или аппаратному обеспечению), но вы, вероятно, получите тот же результат.