В WordPress Gutenberg появился показательный баг: новый Tabs block ломает тулбар, если включить настройку Show button text labels.

Это настройка из раздела Accessibility. Она делает кнопки понятнее: не только иконка, но и текстовая подпись. Для слабовидящих пользователей, людей с когнитивной нагрузкой, новичков и тех, кто просто не узнаёт иконки, это часто решает реальную задачу: не вспоминать, что означает очередной значок.

Проблема в том, что у внутреннего блока Tab List подписи в тулбаре получаются слишком длинными. Тулбар разрастается по ширине и на небольшом экране может частично скрываться.

И тут интересный момент. В обсуждении быстро заметили: это проблема не одного Tabs block. Если интерфейс нормально выглядит только когда все действия спрятаны в короткие иконки, значит команда тестирует слишком узкий сценарий. А когда включаются текстовые подписи, крупный текст или перевод на язык с длинными словами, макет внезапно перестаёт быть рабочим.

Что я бы проверяла в таких компонентах:

- важные экраны с включёнными текстовыми подписями кнопок;
- состояние, где тулбар переполняется, переносится или раскрывается предсказуемо;
- короткие понятные подписи вместо длинных технических фраз;
- переводы, потому что строки часто длиннее английских;
- дизайн нового блока сразу в двух состояниях: обычные иконки и подписи включены.

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

Источник: WordPress/Gutenberg issue #81679