Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

seoАвтор: Пуск‑Медиа (импорт)Просмотры: 4

reading-order: визуальный порядок vs порядок озвучки

Когда Grid меняет layout, а скринридер читает иначе — новое свойство.

Изображение статьи: reading-order: визуальный порядок vs порядок озвучки

Свойство reading-order (в разработке/частичной поддержке) позволяет согласовать порядок фокуса и озвучки с визуальным reorder в Grid/Flex без hack tabindex.

До стабильной поддержки проверяйте порядок DOM и не полагайтесь только на order.

- [reading-order — CSS WG](https://drafts.csswg.org/css-display-4/#reading-order) — Черновик спецификации.

- [Flexbox order and accessibility — web.dev](https://web.dev/articles/flexbox-order-accessibility) — Проблема order/tabindex.

---

## Практика

Критичный контент в DOM ставьте в логическом порядке чтения, visual reorder — вторичен.

#доступность#CSS#Grid

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.