Руководства по доступности редко упоминают автомобили, но платформы для автомобилей — это галереи изображений с прикреплёнными ценами, что делает их именно теми сайтами, где доступность изображений решает, сможет ли кто-то совершить покупку вообще. Правила не экзотические. Это стандартные правила, применённые с автомобильными спецификами, и большинство из них улучшают опыт для каждого пользователя, щурящегося на телефон на солнце.
Альтернативный текст, который несёт объявление
Для пользователя экранного чтения альтернативный текст — это изображение автомобиля. Автомобильный шаблон пишется сам собой из данных, которые у вас есть: год, марка, модель, комплектация, цвет, угол — и ничего больше. Декоративные повторения одного и того же автомобиля в галерее можно отметить как таковые, а не читать восемь раз, и фотографии состояния на подержанных объявлениях заслуживают альтов, которые говорят, что они документируют, царапина на задней левой арке, потому что это информация, которую извлекает зрительный покупатель.
- Генерируйте альты из записи автомобиля, а не из имен файлов
- Одно полное описание на автомобиль на вид, а не на каждый пиксельный вариант
- Фотографии состояния описываются тем, что на них изображено, честно
- Пустой alt только для действительно декоративного повторения
Контрастность за пределами текстового проверяльщика
Правила контрастности касаются интерфейсов, а изображения автомобилей создают свои собственные случаи: тёмно-серый автомобиль на тёмном фоне темы исчезает для пользователей с низким зрением точно так же, как в тёмном гараже. Постоянные студийные обработки делают это управляемым, потому что фон — это контролируемое значение; тень или вариант заземления отделяет тёмные автомобили от тёмных полей, а прозрачный вырез на специально выбранной поверхности лучше, чем запечённый фон, который противоречит каждой теме.
Движение, масштабирование и управление
Галереи и конфигураторы любят движение, а вестибулярные расстройства — нет. Уважайте предпочтение уменьшенного движения, заменяя кроссфейды и автоматическое вращение мгновенными изменениями; информация — это изображение, а не переход. Разрешите масштабирование двумя пальцами везде, потому что осмотр колеса или деталей панели приборов — это основное поведение при покупке, а заблокированный зум — это безмолвный замок. И держите каждую галерейную кнопку доступной с клавиатуры, с названиями углов как доступными метками, вид спереди три четверти, а не кнопка четыре.
Почему консистенция — это функция доступности
Единообразие рамок по всему каталогу означает, что пользователь, понявший одно объявление, поймёт и все остальные: тот же порядок ракурсов, те же позиции, те же взаимодействия. Когнитивная нагрузка снижается для всех, а для пользователей, использующих вспомогательные технологии, — значительно. Каталог, который выглядит спокойно, также легко и навигация по нему.
Недоступная галерея — это не пробел в соблюдении норм. Это магазин с закрытой дверью для некоторых клиентов.
Включите проверки в сборку: автоматическое присутствие alt, проверка контрастности на тематических поверхностях и один ручной проход скринридера на шаблон в квартал. Руководство по SEO изображений сильно пересекается здесь, потому что поисковые системы и скринридеры читают одни и те же сигналы, и оба вознаграждают сайт, который честно описывает себя.
Бизнес-кейс, изложенный просто
Работа по доступности автомобильных изображений приносит пользу за пределами соблюдения норм. Те же структурированные альтернативные тексты питают поисковые системы, та же дисциплина контрастности выживает на солнце в телефоне на автодроме, и те же пути клавиатуры делают опытных пользователей быстрее. Платформы, обслуживающие корпоративных и флотских покупателей, должны учитывать, что закупки всё чаще требуют подтверждения доступности в письменной форме, и обработка изображений — одно из первых, что проверяют аудиторы.
