Типичное практическое правило, когда дело доходит до использования спрайтов CSS для изображений, заключается в том, что вы должны делать это только для небольших изображений (например, icons) и что фактическое содержимое изображения всегда должно быть представлено через элементы
. У меня вопрос: почему? Разве преимущества спрайта не имеют смысла и для изображений содержимого?
Одна из причин, по которой я прочитал, заключается в том, чтобы разрешить использование текста alt
, чтобы быть более синтаксически правильным и доступным для программ чтения с экрана. Однако, когда это вызывает беспокойство, не могли бы вы с такой же легкостью использовать одно крошечное прозрачное изображение со всем синтаксическим сахаром поверх спрайта, представляющего реальный визуальный контент?