{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Кирилл Беляев: заметки с тегом радиопереключатель",
    "_rss_description": "о подаче информации, айдентике, интерфейсах и жизненной среде",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags\/radiopereklyuchatel\/",
    "feed_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags%2Fradiopereklyuchatel%2Fjson%2F",
    "icon": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101",
    "author": {
        "name": "Кирилл Беляев",
        "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/",
        "avatar": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101"
    },
    "items": [
        {
            "id": "638",
            "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/subtitles-breaking-radio-buttons\/",
            "title": "Подзаголовки, ломающие переключатель",
            "content_html": "<p>Встретил в магазине такой переключатель:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/delivery-selection@2x.png\" width=\"303\" height=\"258\" alt=\"\" \/>\n<\/div>\n<p>С первого раза не осилил. Тут вроде нормальная структура: подзаголовок + радиокнопка для каждого элемента. Но выбрать пункт, не читая его подзаголовок, не получится. Выписал проблемы, чтобы понять что мешает.<\/p>\n<p>В тексте:<\/p>\n<ul>\n<li>пара «подзаголовок — лейбл к радиокнопке» в разных пунктах согласована по-разному (2-й лейбл вообще выглядит ошибкой, как будто не оттуда скопировали);<\/li>\n<li>в 1-м пункте повторяются «Самовывоз» и во 2-м — «Доставка», скорее всего, дубли навязывает структура.<\/li>\n<\/ul>\n<p>В вёрстке:<\/p>\n<ul>\n<li>подзаголовки ближе к предыдущим лейблам;<\/li>\n<li>подзаголовок предполагает, что пункты внутри него не связаны с пунктами внутри других подзаголовков, но тут это не соблюдается.<\/li>\n<\/ul>\n<p>Думаю последний пункт самый важный. Радиокнопки говорят, что это один переключатель, а подзаголовки разбивают переключатель на три. Из этого выходит, что починить текст, не трогая вёрстку, не выйдет.<\/p>\n<p>После перевёрстки повторы и рассогласованность ушли сами:<\/p>\n<div class=\"e2-text-table\">\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tr>\n<td><b>Способ получения<\/b><\/td>\n<td><b>Стоимость<\/b><\/td>\n<\/tr>\n<tr>\n<td><input type=\"radio\" name=\"delivery\" id=\"d1\" checked> <label for=\"d1\">Самовывоз<\/label><\/td>\n<td>Бесплатно<\/td>\n<\/tr>\n<tr>\n<td><input type=\"radio\" name=\"delivery\" id=\"d2\"> <label for=\"d2\">Доставка в регионы РФ<\/label><\/td>\n<td>Сообщает оператор<\/td>\n<\/tr>\n<tr>\n<td><input type=\"radio\" name=\"delivery\" id=\"d3\"> <label for=\"d3\">Доставка по Санкт-Петербургу<\/label><\/td>\n<td>300 рублей<\/td>\n<\/tr>\n<\/table>\n<\/div>\n",
            "date_published": "2018-05-11T12:40:31+03:00",
            "date_modified": "2018-05-14T12:42:10+03:00",
            "image": "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/delivery-selection@2x.png",
            "_date_published_rfc2822": "Fri, 11 May 2018 12:40:31 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "638",
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/kirillbelyaev.com\/ru\/blog\/pictures\/delivery-selection@2x.png"
                ]
            }
        }
    ],
    "_e2_version": 3572,
    "_e2_ua_string": "E2 (v3572; Aegea)"
}