Задать вопрос
godsplan
@godsplan

Как правильно по доступности верстать презентационные бэкграунды через тег picture?

Презентационные картинки рекомендуют делать через css backgorund, но..
Допустим у меня два варианта фона для пк и для мобилки, можно в css через медиа указывать их, но это очень не удобно для вывода полей через админку и один из вариантов это тег picture с source:media (на самом деле других я не знаю)
Как правильно скрывать такие картинки?или давать понять скринридерам что они особо не важны и это просто задний фон блока.
  • Вопрос задан
  • 52 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Решения вопроса 1
MrDecoy
@MrDecoy
Верставший фронтендер
aria-hidden
ну и tab-index чтоб не фокусилось, если фокусится
---
но это очень не удобно для вывода полей через админку

А ещё можно просто прописать ссылку на картинку в css переменную в инлайн стилях, а на css уже в медиа указать какую переменную использовать.

Что-то вроде (увидеть смену картинки можно прямо тут, открыв код HTML или CSS - отработает медиазапрос):
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы