1. Сделайте песочницу codepen.io или jsfiddle.net Потому что если взять ваш код и стили, то все работает.
2. Не нужно делать такую вложенность. Вы используете типа БЭМ, а в нем вложенность вообще не нужна либо достаточно двойной.
но может для "пущей выдачи" поисковики как-то суммируют эти два тега?
Может.
Наверное, вам всё таки имеет смысл перейти по ссылке и почитать хелпы. И найти аналогичный гугловский и его тоже почитать. Там много всего интересного и не только про альты с тайтлами.
Не думаю, что кто-то захочет копировать их содержимое сюда. Я точно не захочу.
pihachu, я, конечно, не отвечу за действие поисковика. но задам еще один каверзный вопрос для понимания: по какой фразе, по той что в alt или по той, что в title?
какие поисковые системы обращают внимание на title, где об этом сказано (всегда был alt)?
Всегда было и то и другое, а не только alt.
Написано об этом в хелпе поисковых систем, например, Яндекс
Но если текст в title будет дублировать текст в alt, то смысла его указывать не будет никакого.
А поскольку большинство не в состоянии сделать вменяемым даже alt, то про title можно не начинать думать.
pihachu, разумнее заполнить alt.
Всем будет хорошо.
- поисковики всё поймут
- скринридеры всё поймут
- вот эти все ваши заморочки с тайтл напишу, но не покажу, будут не нужны.
Сейчас для этих вещей используют SVG и не подменой картинок, а изменением цвета color (current-color), fill и т.д.
Некоторые виды стрелок делаются на чистом CSS либо это вообще символы.
Если бы вы показали как она выглядит было бы проще.
Но если вы оставите свой растровый спрайт, так просто уберите transition либо оставьте его только для нужных свойств. Писать all вообще не очень хорошо.
Я бы модифицировала предыдущий ответ: подключайте слайдер только на десктопе.
Но скорее, слайдер оставила бы, возможно, изменив вид элементов управления.
