Подзаголовки, ломающие переключатель

Кирилл Беляев — Fri, 11 May 2018 12:40:31 +0300

Встретил в магазине такой переключатель:

С первого раза не осилил. Тут вроде нормальная структура: подзаголовок + радиокнопка для каждого элемента. Но выбрать пункт, не читая его подзаголовок, не получится. Выписал проблемы, чтобы понять что мешает.

В тексте:

пара «подзаголовок — лейбл к радиокнопке» в разных пунктах согласована по-разному (2-й лейбл вообще выглядит ошибкой, как будто не оттуда скопировали);
в 1-м пункте повторяются «Самовывоз» и во 2-м — «Доставка», скорее всего, дубли навязывает структура.

В вёрстке:

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

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

После перевёрстки повторы и рассогласованность ушли сами:

Способ получения	Стоимость
Самовывоз	Бесплатно
Доставка в регионы РФ	Сообщает оператор
Доставка по Санкт-Петербургу	300 рублей

Кирилл Беляев: заметки с тегом радиопереключатель

Подзаголовки, ломающие переключатель