Можно ли элементу / тегу задать текстовое значение по умолчанию?

Question

[DPS_ninja]

Добрый день. Возник такой вопрос: можно ли элементу / тегу задать текстовое значение по умолчанию?

Аналог:
Если я использую изображение, у него есть атрибут alt=“”, которое замещает собой картинку, если картинка недоступна.

Проблема:
Использовал FontAwesome в тексте, вставил пару значков, (допустим) сервер стал недоступен и вместо значков у меня ничего не отобразилось. Размеры тега «i» = 0.
Можно ли в подобной ситуации задать схожий с «alt» атрибут (как для изображений), чтобы на месте пустого тега был текст?
Я в курсе про aria-label, но он «физически» не добавляет текст и нужен для доступности.

Дело не в самих иконках, а в ситуации, поэтому SVG или «залить FA к себе на сервер» - это не то, что мне нужно.

Answer 1

[Ankhena]

Есть такой паттерн .visually-hidden

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0)
}

И заодно для развития видяшка про доступное скрытие https://htmlacademy.ru/blog/video/shorts/short-12

Но это не поможет, если не загрузится только внешний шрифт. И тут совет про хранение его у себя как раз в тему.

Comments

[DPS_ninja]

спасибо!