Лучшая практика для визуального отображения пустого атрибута alt тегов img

Question

Написание тегов img с атрибутами alt ожидается для хорошей практики кода, но автоматически пропускает пустые атрибуты.Как визуализировать пустые атрибуты alt визуально?

Имея этот случай, когда image.alt пуст

Фактический результат:

Ожидаемый результат:

Answer 1

Как описано в спецификации, массив с одним пустым строковым элементом приведет к тому, что атрибут будет отображаться как пустая строка: https://github.com/adobe/htl-spec/blob/master/SPECIFICATION.md#2231-detailed-examples:

<img src="..." alt="${myAlt || ['']}"

отобразит пустую alt, даже если myAlt пусто / ложно / пусто.