Chrome 154 меняет поведение каруселей: что проверить в галерее интернет-магазина

Галерея товара кажется простой: листай фотографии и рассматривай детали. На практике она должна работать мышью, пальцем, клавиатурой и с программами экранного доступа. Новые возможности браузеров помогают в этом, но требуют осмысленного применения.

В бета-версии Chrome 154, представленной 2 сентября 2026 года, расширены режимы CSS-маркеров прокрутки. Разработчик может задавать поведение, похожее на список ссылок или на вкладки. Это влияет не только на внешний вид переключателей, но и на порядок фокуса и доступность содержимого.

В интерфейсе со ссылками пользователь последовательно проходит по отдельным элементам. У вкладок другой привычный способ управления: активный элемент и перемещение между вариантами. Если визуальная форма обещает одно поведение, а клавиатура работает иначе, человек теряется.

Для владельца магазина техническое название свойства необязательно. Достаточно сформулировать проверяемое требование: покупатель может открыть все важные фотографии без мыши и понимает, какой элемент выбран.

Особенно важно не скрыть информацию о товаре за переключателем, до которого трудно добраться. Размерная таблица, комплектация и условия не должны становиться недоступными из-за декоративной механики.

Откройте карточку и отложите мышь. Пройдите по элементам клавишей Tab, попробуйте переключатели, откройте увеличенную фотографию и вернитесь обратно. Следите, виден ли фокус и не попадает ли он в скрытые элементы.

На телефоне проверьте горизонтальные жесты и вертикальную прокрутку. Галерея не должна мешать листать саму страницу. Кнопки должны оставаться доступными при увеличении текста и длинном названии товара.

Добавьте сложные случаи: одна фотография, много фотографий, отсутствующий файл и медленное соединение. Именно здесь часто появляются пустые области, скачки размеров и потерянные кнопки.

Описание бета-возможности одного браузера не означает одинаковую поддержку у всей аудитории. Перед внедрением разработчик должен проверить нужные браузеры и предусмотреть рабочее поведение там, где новый механизм недоступен.

Необязательно переделывать исправную галерею сразу после анонса. Сначала определите проблему, которую изменение решает: избыточный код, неудобную клавиатурную навигацию или ошибки доступа.

Хорошая галерея помогает рассмотреть товар и продолжить покупку. Качество галереи определяется удобством покупки, а не новизной использованной браузерной технологии.

A product gallery seems simple: scroll through photos and examine details. In practice, it must work with a mouse, finger, keyboard, and screen readers. New browser capabilities help with this, but they require thoughtful implementation.

In the Chrome 154 beta, released on September 2, 2026, CSS scroll marker modes have been expanded. Developers can now set behavior similar to a list of links or tabs. This affects not only the appearance of switches but also the focus order and content accessibility.

In an interface with links, a user sequentially navigates individual elements. Tabs use a different familiar control method: an active element and movement between variants. If the visual form promises one behavior but the keyboard works differently, the user gets confused.

For a store owner, the technical name of the property is not necessary. It is enough to formulate the requirement to be checked: the buyer can open all important photos without a mouse and understands which element is selected.

It is especially important not to hide product information behind a switch that is hard to reach. Size charts, package contents, and terms must not become inaccessible due to decorative mechanics.

Open the product card and put the mouse aside. Tab through the elements, try the switches, open the enlarged photo, and return. Watch for visible focus and ensure it does not land on hidden elements.

On a phone, test horizontal gestures and vertical scrolling. The gallery must not interfere with scrolling the page itself. Buttons must remain accessible when text is enlarged and product names are long.

Add complex cases: a single photo, many photos, a missing file, and a slow connection. This is where empty areas, size jumps, and lost buttons often appear.

A description of a beta feature in one browser does not mean the same support across the entire audience. Before implementation, a developer must verify the required browsers and ensure functional behavior where the new mechanism is unavailable.

There is no need to immediately overhaul a working gallery after an announcement. First, identify the problem the change solves: excessive code, inconvenient keyboard navigation, or accessibility errors.

A good gallery helps customers examine a product and proceed to checkout. Gallery quality is determined by purchase convenience, not by the novelty of the browser technology used.