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

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

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

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

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

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

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

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

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

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

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

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

A product gallery seems simple: swipe through photos and inspect details. In practice, it must work with a mouse, touch, keyboard, and screen readers. New browser features help, 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 define behavior similar to a list of links or to tabs. This affects not only the appearance of the switches but also the focus order and content accessibility.

In an interface with links, a user sequentially navigates individual elements. Tabs follow a different, familiar control pattern: an active element and movement between options. If the visual form promises one behavior but the keyboard acts differently, users get confused.

Store owners do not need the technical name of the property. It is sufficient to formulate a testable requirement: a buyer can open all important photos without a mouse and understand which element is selected.

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

Open the product card and set the mouse aside. Navigate through elements using the Tab key, try the switches, open the enlarged photo, and return. Ensure the focus is visible and does not land on hidden elements.

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

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

A beta feature in one browser does not guarantee support across the entire audience. Before implementation, developers must verify behavior in required browsers and ensure a functional fallback where the new mechanism is unavailable.

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

A good gallery helps customers examine products and proceed to checkout. Its quality is evident in everyday interactions, not in how many new browser mechanisms are used internally.