<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:yandex="http://news.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/" xmlns:turbo="http://turbo.yandex.ru" version="2.0">
	<channel>
		<title>Блог</title>
		<link>https://avt-group.su</link>
		<language>ru</language>
		<item turbo="true">
			<title>Цифровая доступность</title>
			<link>https://avt-group.su/tpost/0ih9f1iyg1-tsifrovaya-dostupnost</link>
			<amplink>https://avt-group.su/tpost/0ih9f1iyg1-tsifrovaya-dostupnost?amp=true</amplink>
			<pubDate>Tue, 03 Jun 2025 12:23:00 +0300</pubDate>
			<category>Полезное</category>
			<category>Новости</category>
			<turbo:content>
<![CDATA[<header><h1>Цифровая доступность</h1></header><blockquote class="t-redactor__preface">Исследования Росстата говорят о том, что различные формы инвалидности есть у 8% жителей России. Причем в 80% случаев инвалидность приобретенная — например, в результате автомобильной аварии, несчастного случая или перенесенного заболевания.<br /><br />Можно не иметь инвалидности, но испытывать сложности с восприятием неадаптированных текстов и изображений.<br /><br />Цифровая доступность позволяет людям с ограниченными возможностями пользоваться сайтами и мобильными приложениями. Ограничения могут проявляться в нарушениях слуха, зрения, двигательных или когнитивных функций.<br /><br />Концепция цифровой доступности заключается в следующем: сайты, мобильные приложения и программное обеспечение должны создаваться с учётом людей, которые имеют сложности в восприятии информации.<br /><br />Развитие данного направления в дизайне важно не только для пользователей, но и для бизнеса. Если владельцы бизнеса не хотят потерять часть аудитории, необходимо внедрять цифровую доступность на стадии разработки сайта.<br /><br /><strong>Так кому же нужна цифровая доступность? Давайте углубимся в исследования Росстата и посмотрим на реальные цифры.</strong><br /><br /><ol><li data-list="ordered">Пользователи, имеющие инвалидность. Эта категория составляет около 8% жителей России.</li><li data-list="ordered">Пользователи, имеющие нарушение зрения. К ним относится миопия (близорукость), астигматизм, катаракта, дальтонизм.</li><li data-list="ordered">Пользователи, имеющие нарушение чтения и письма. Самый яркий пример — дислексия. Это расстройство снижает способность распознавать слова при чтении. Данная особенность есть примерно у 20% всего населения Земли.</li><li data-list="ordered">Пользователи, имеющие нарушение слуха. В России около 14 млн слабослышащих и неслышащих людей.</li><li data-list="ordered">Пользователи, старше 50 лет. С возрастом значительно ухудшаются зрение и слух, в России данная категория граждан составляет примерно треть от всего населения.</li></ol><br />По результатам соц. опросов можно сделать вывод, что половина клиентов, имеющих инвалидность, сменят сервис из-за сложностей в его использовании. То есть, они в прямом смысле уйдут к конкурентам, к тем, кто позаботился о цифровой доступности.<br /><br />Доступность важна и для всех остальных людей, которые активно пользуются сайтами и приложениями, но периодически могут испытывать неудобства.<br /><br /><strong>Как сделать дизайн более доступным?</strong><br /><br /><strong>Повышайте контраст между фоном и текстом/элементами интерфейса.</strong><br /><br />Минимальное значение контраста 4,5 к 1 согласно <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" target="_blank" rel="noreferrer noopener">WZC</a>. В Figma есть удобный плагин <a href="https://www.figma.com/community/plugin/1149686177449921115/Use-Contrast" target="_blank" rel="noreferrer noopener">Use contrast</a>, который поможет с определением коэффициента контраста.<br /><br /><strong>Добавляйте текстуры и текстовые метки.</strong><br /><br />Информацию в графиках и диаграммах не следует представлять только с использованием разных цветов. Добавьте текстуру или текст, чтобы пользователь с цветовой слепотой смог увидеть всё, что ему следует. <a href="https://colororacle.org/" target="_blank" rel="noreferrer noopener">Color Oracle</a> — бесплатный симулятор дальтонизма для Windows, Mac и Linux.<br /><br /><strong>Выделяйте активные элементы, с которыми пользователь может взаимодействовать.</strong><br /><br />Выделение объекта при наведении на него поможет пользователю понять, что этот элемент интерактивен, а также не следует делать их слишком мелкими. Это очень важно для людей с плохим зрением и ограниченной подвижностью.<br /><br /><strong>Упрощайте формы для сбора данных.</strong><br /><br />Не требуйте у пользователя лишнюю информацию, тем самым, не создавая барьеров и сложностей на пути заполнения форм.<br /><br /><strong>Добавляйте текстового описания для изображений (alt-теги).</strong><br /><br />Если визуальный контент важен, его нужно подписывать или добавлять alt-теги (альтернативный текст). Это необходимо для тех пользователей, которые используют программы звукового зрения, зачитывающие содержание страниц сайта.<br /><br /><strong>Размечайте заголовки тегами H1, H2 и т.п. в настройках SEO.</strong><br /><br />Это важно для поисковых систем и всё тех же программ звукового зрения. Не забывайте, что тег H1 выполняет роль основного заголовка и рекомендуется, чтобы он был единственным на странице.<br /><br />Цифровая доступность — важный инструмент для привлечения новых пользователей и повышения лояльности аудитории по отношению к бизнесу. Доступный дизайн расширит аудиторию пользователей/клиентов и покажет важность этой аудитории для вас.<br /><br />Современный дизайнер просто обязан руководствоваться принципами доступного (инклюзивного) дизайна, для создания хороших цифровых продуктов (приложений, сайтов, сервисов) ориентированных на пользователей с разными возможностями.</blockquote>]]>
			</turbo:content>
		</item>
		<item turbo="true">
			<title>Политика конфиденциальности</title>
			<link>https://avt-group.su/tpost/1825irn0h1-politika-konfidentsialnosti</link>
			<amplink>https://avt-group.su/tpost/1825irn0h1-politika-konfidentsialnosti?amp=true</amplink>
			<pubDate>Tue, 03 Jun 2025 12:41:00 +0300</pubDate>
			<category>Полезное</category>
			<turbo:content>
<![CDATA[<header><h1>Политика конфиденциальности</h1></header><div class="t-redactor__text"><strong>В этой статье рассмотрим все необходимые действия именно со стороны дизайнера сайта, чтобы не подставить своих заказчиков и сделать все по красоте</strong>.<br /><br />И для начала ещё раз подчеркну, эта статья предназначена для дизайнеров, а значит мы не будем углубляться в юридические тонкости и брать на себя обязательства по составлению текстов документов, которые необходимо размещать на сайтах. Помните, это не в ваших компетенциях, этим должны заниматься профессиональные юристы. Наша задача как дизайнеров — правильно оформить формы, сделать предупреждение о куки-файлах и создать страницы для последующего размещения на них текстов документов.<br /><br /><strong>Необходимый минимум</strong><br /><br />Сейчас для большинства коммерческих сайтов нам нужно учитывать требования законодательства касательно персональных данных, а именно:<br /><br /><ol><li data-list="ordered">Сделать предупреждение об использовании cookie-файлов</li><li data-list="ordered">Во всех формах делать чекбокс согласия на обработку персональных данных</li><li data-list="ordered">Создать страницу для текста документа «Согласие на обработку персональных данных пользователя сайта»</li><li data-list="ordered">Создать страницу для текста документа «Политика обработки персональных данных»</li></ol><br /><strong>Предупреждение об использовании cookie-файлов</strong><br /><br />Cookie-файлы используются для распознавания посетителей и фиксации их активности на сайте. Когда пользователь заходит на ресурс снова, система анализирует сохранённые в cookie данные и адаптирует контент под его предпочтения.<br /><br />Абсолютно все сайты, сделанные на Тильде, используют куки-файлы, а значит мы в обязательном порядке должны предупредить пользователя об их использовании.<br /><br />В Тильде для этого существует несколько базовых блоков. Всё, что нужно — это разместить один из них в футере сайта (чтобы это предупреждение присутствовало на всех страницах сайта). Блоки T657, T886, T887 — простые предупреждения, добавляем на сайт и настраиваем внешний вид. Уведомление будет показываться пользователям только один раз — при первом посещении сайта. Если использовать эти блоки, то посетитель будет только уведомлен об использовании Cookie. Блок Т972 имеет настройки и позволяет заблокировать определенный тип куки-файлов — это требования для стран евросоюза, для резидентов РФ его использовать не обязательно, так как он блокирует использование куки-файлов, если пользователь не выберет соответствующую настройку, а значит, подключенные к сайту системы аналитики могут некорректно собирать данные.<br /><br />В тексте этих блоков мы должны сообщить пользователю, что наш сайт использует куки-файлы, а если к сайту подключены сервисы аналитики (например: Яндекс. Метрика), то и об этом тоже.<br /><br /><br />Сайт использует cookie-файлы, чтобы сделать ваше пребывание на нем максимально удобным. Оставаясь на сайте, вы даёте свое согласие на использование cookie-файлов.<br /><br />В этом случае, фраза «согласие на использование cookie-файлов» делается ссылкой на страницу согласия на обработку персональных данных пользователя сайта.<br /><br />Пример текста, если на сайте подключена Яндекс. Метрика:<br /><br />Сайт использует cookie-файлы, чтобы сделать ваше пребывание на нем максимально удобным. К cайту подключен сервис веб-аналитики Яндекс. Метрика, использующий cookie-файлы. Оставаясь на сайте, вы даёте свое согласие на обработку персональных данных в порядке, указанном в Политике обработки персональных данных.<br /><br />В случае использование такого текста, фраза «согласие на обработку персональных данных» так же делается ссылкой на страницу согласия на обработку персональных данных пользователя сайта, а фраза «Политике обработки персональных данных» на страницу с Политикой обработки персональных данных.<br /><br /><strong>Чекбоксы в формах</strong><br /><br />При каждом случае, когда мы берём у пользователя любые персональные данные, наша обязанность получить его согласие. В формах нам достаточно использовать чек-бокс, отметив который, пользователь выразит нам своё согласие на обработку и использования его персональных данных. Юридически правильно брать согласие именно через чек-бокс, а не формальную надпись в форме, поэтому, если в Тильде в блоке с формой нет возможности добавить поле «Галочка» или «Checkbox», то нужно использовать другой блок для формы.<br /><br />В самом тексте чекбокса нам необходимо написать следующее:<br /><br />Я подтверждаю ознакомление и даю Согласие на обработку моих персональных данных в порядке и на условиях, указанных в Политике обработки персональных данных<br /><br />Как и в случае с предупреждением о куки-файлах, текст про согласие и политику мы делаем ссылками на соответствующие страницы.<br /><br />Важно! Делаем это поле обязательным для заполнения, но не отмечаем чекбокс по умолчанию, чтобы пользователь поставил галочку собственноручно. Именно такой способ является самым верным с юридической точки зрения.<br /><br /><strong>Политика обработки персональных данных</strong><br /><br />Для Политики обработки персональных данных (она же «Политика конфиденциальности») необходимо создать отдельную страницу на сайте, именно страницу, ни в коем случае не всплывающее окно (popup), так как если сделать всплывающим окном, то этот текст может проиндексироваться поисковыми системами и отобразится в качестве описания страницы. Создав отдельную страницу для политики, можно закрыть её от индексации поисковыми системами, чтобы она случайно не попала в результы поисковой выдачи. В Тильде это можно сделать, перейдя в настройки страницы, вкладка SEO — кнопка «Настроить отображение в поисковой выдаче» — и отмечаем чек-бокс «Запретить поисковикам индексировать эту страницу».<br /><br />Текст самого документа можно составить с помощью <a href="https://tilda.cc/ru/privacy-generator/" target="_blank" rel="noreferrer noopener">конструктора политики обработки персональных данных от Тильды</a>. Всё что нужно сделать — это заполнить данные (для этого нужно знать домен, так как он указывается в документе). Либо запросить текст документа у вашего заказчика, для которого вы делаете сайт.<br /><br />Важно! Правильно будет, если ваш заказчик самостоятельно воспользуется конструктором и пришлёт вам итоговый текст документа, так как при его заполнении нужно учитывать особенности каждой компании, а если у вас нет юридического образования, то высока вероятность составить неправильный текст документа.<br /><br /><strong>Согласие на обработку персональных данных пользователя сайта</strong><br /><br />Еще один документ, который должен быть в обязательном порядке на сайте. Более того, он должен быть сделан отдельной страницей, аналогично политике обработки персональных данных.<br /><br />Тут все как и с предыдущей страницей: создаём текстовую страницу, на которой необходимо разместить текст согласия на обработку персональных данных пользователя сайта.<br /><br /><strong>Подведём итог</strong><br /><br />Помните, Вы — дизайнер! Составление документов — не ваша зона ответственности, а желание угодить заказчику и желание сделать всё самому может привести к печальным последствиям. Всё, что вам необходимо сделать как дизайнеру, изложено в этой статье. Именно это является обязательным минимум для соблюдения закона № 152 «О персональных данных».<br /><br />Признаком хорошего тона будет предупредить заказчика о необходимости уведомления Роскомнадзора об обработке персональных данных. Регистрация в РКН — это прямая обязанность каждого ИП, ООО и самозанятого, в случае, если он хоть каким-то способом хранит, обрабатывает и что-то ещё делает с персональными данными, и это никак не связано с фактом наличия сайта.<br /><br />Довольно часто Политику обработки персональных данных путают с другими документами, такими как Пользовательское соглашение. Так вот, это не одно и тоже, большинству сайтов не нужно Пользовательское соглашение. Но это уже совсем другая история.<br /><br />Пользовательское соглашение ≠ Политика обработки персональных данных.<br /><br />Договор оферта ≠ Политика обработки персональных данных.</div>]]>
			</turbo:content>
		</item>
		<item turbo="true">
			<title>Чек-лист проверки сайта.</title>
			<link>https://avt-group.su/tpost/x9mtrizvt1-chek-list-proverki-saita</link>
			<amplink>https://avt-group.su/tpost/x9mtrizvt1-chek-list-proverki-saita?amp=true</amplink>
			<pubDate>Tue, 03 Jun 2025 12:51:00 +0300</pubDate>
			<category>Полезное</category>
			<turbo:content>
<![CDATA[<header><h1>Чек-лист проверки сайта.</h1></header><div class="t-redactor__text">Хорошо, когда у вас феноменальная память, но даже она может вас подвести. Кроме того, для того, чтобы рождались хорошие идеи и вы могли сосредоточится на важном всю рутину нужно выбросить из головы. Делюсь своим чек-листом, благодаря которому вы всегда можете быть уверены, что всё сделано правильно и сайт готов к запуску.<br /><br /><ol><li data-list="ordered"><strong>Скрыть сайт от индексации на время его создания</strong></li><li data-list="ordered">Фавикон</li><li data-list="ordered">Бейджик для всех страниц сайта</li><li data-list="ordered">Все страницы содержат Title и Description</li><li data-list="ordered">Все страницы имеют разметку заголовков H1 H2 H3</li><li data-list="ordered">Проставлены все alt-теги изображений</li><li data-list="ordered">При наличии якорных ссылок добавить блок плавного скролла T178 в футере</li><li data-list="ordered">Отключить Lazy Load у логотипа, элементов навигации и иконок в zero-блоках</li><li data-list="ordered">Подключить формы для приёма данных, подтвердить</li><li data-list="ordered">В настройках форм выбрать язык сообщений и прописать сообщения об ошибках</li><li data-list="ordered">Все формы на сайте имеют страницы благодарности или сообщения об успешной отправке данных</li><li data-list="ordered">Все формы подписаны (formname)</li><li data-list="ordered">Все ссылки на внешние сайты открываются в новом окне</li><li data-list="ordered">Все телефонные номера и адреса e-mail сделаны ссылками</li><li data-list="ordered">Зарегистрировать домен, настроить A-записи</li><li data-list="ordered">Подключить домен</li><li data-list="ordered">Подключить протокол HTTPS</li><li data-list="ordered">Настроить редирект с HTTP на HTTPS и с WWW на без WWW</li><li data-list="ordered">Подключить Яндекс. Вебмастер</li><li data-list="ordered">Подключить Google Search Console</li><li data-list="ordered">Подключить системы аналитики и пиксели</li><li data-list="ordered">Проверить в настройках сайта на SEO-ошибки</li><li data-list="ordered">Страница ошибки 404</li><li data-list="ordered">Предупреждение о cookie-файлах</li><li data-list="ordered">Страница <a href="https://tilda.cc/ru/privacy-generator/" target="_blank" rel="noreferrer noopener">Политика в отношении обработки персональных данных</a></li><li data-list="ordered">Отключить лэйбл Тильды</li><li data-list="ordered">Добавить идентификатор разработчика</li><li data-list="ordered"><strong>Включить индексацию сайта</strong></li></ol><br />И не забудьте подписаться на мой канал в телеграме, чтобы не пропустить выход новых статей и полезных материалов:<br /><br />Телеграм-канал: <a href="https://t.me/natatkav" style="color: rgb(240, 160, 98);">t.me/natatkav</a></div>]]>
			</turbo:content>
		</item>
		</channel>
</rss>