display: contents в grid: когда ломается доступность
Почему обёртка исчезает для скринридера.
`display: contents` убирает box обёртки — дети участвуют в grid родителя, но в некоторых браузерах теряется семантика и фокус-обход списка карточек.
Для витрины с `<ul><li>` не применяйте contents на `li` — используйте subgrid или плоскую grid без лишней обёртки.
- display: contents — MDN — Поведение и ограничения.
- Display contents — WAI-ARIA issues — Контекст доступности.
Альтернатива
Перестройте разметку: grid на контейнере, карточка — прямой child без wrapper-div ради layout-only.