Описание у картинок в версии слабовидящих

Если включить версию для слабовидящих, и отключить картинки то за место изображения выведется его текстовое описание




Реализовано это с помощью sf-special-hidden данный класс  выводит текст только если включён режим "Изображение:выключены"

<div class="sf-viewbox sf-special-hidden">
	<div class="align-middle t-center p-3">
		Описание картинки
	</div>
 </div>

Обычно изображения в шаблонах выводятся через Область показа

Тогда общий вид будет выглядеть так:

<div class="sf-viewbox-wrap">
  <img src="https://farm8.staticflickr.com/7547/15601130190_465d6b546c.jpg" class="w-100">
  <div class="sf-viewbox bg-black-300"></div>
  <div class="sf-viewbox bg-p1"></div>
  <div class="sf-viewbox sf-special-hidden">
	<div class="align-middle t-center p-3">
           Описание картинки
        </div>
 </div>
</div>