Салют, всем! Тут рассказываем о жизни нашего агентства, процессах, кейсах, команде и просто делимся опытом))
Сайт: https://youknow.agency/
Post #549
160

Купить одним пальцем 👉
Представьте: вы лежите на диване, в одной руке телефон, вторая занята (кот, чай, ребёнок — нужное подчеркнуть). И вам приспичило что-то заказать. Одним пальцем, толком не глядя, на ходу.
Получится? Если сайт сделан по уму — легко. Если нет — вы психанёте на третьем экране и уйдёте к конкуренту. Вот тут и начинается история про доступность.
Что за «доступность» такая
Доступность (по-умному — accessibility) — это когда сайтом может пользоваться кто угодно, а не только здоровый человек с мышкой, орлиным зрением и двумя свободными руками.
Звучит как «забота об инвалидах»? И да, и нет. Посмотрите на цифры кого это касается (цифры только по России):
• 11 миллионов человек — официально имеют инвалидность (Росстат и Соцфонд России, конец 2024г.). Это примерно каждый тринадцатый житель страны.
• Сотни тысяч полностью незрячих, а слабовидящих — миллионы. Многие «смотрят» сайт ушами — через программу-озвучку, которая читает страницу вслух.
• Десятки миллионов пожилых, у которых с возрастом село зрение и хуже слушаются пальцы.
• И, внезапно, — вы. Когда рука в гипсе, на улице слепит солнце, трясёт в маршрутке или вы просто заказываете одним пальцем с дивана.
Доступность — это не «версия для слабовидящих» кнопочкой в углу. Это запас прочности, который выручает вообще всех.
Как выглядит «недоступный» магазин
На пальцах:
❌ Кнопка «Купить» крошечная — мимо. Тыкаешь три раза, в корзине три штуки.
❌ Светло-серая цена на белом фоне — на солнце не видно вообще ничего.
❌ Поля заказа без подписей: ввёл телефон — подпись исчезла, и ты уже не помнишь, что куда вписывал.
❌ Выбрал размер, цена поменялась — а человек с озвучкой об этом не узнал и заказал не то.
❌ У фото товаров нет описания — для программы-озвучки это просто «изображение, изображение, изображение».
Каждая такая мелочь — это брошенная корзина. То есть ваши деньги, которые ушли гулять.
А как по-человечески:
✅ Крупные кнопки, в которые попадаешь не целясь.
✅ Нормальный контраст — текст читается и на солнце, и бабушкой.
✅ У каждого поля видимая подпись и понятные ошибки («введите телефон», а не молчаливая красная рамочка).
✅ У картинок — описание словами.
✅ Сайт работает одним пальцем и даже без мышки.
✅ И бонус: тот же чистый семантический код и описания у картинок (alt) любят поисковики. Доступность почти бесплатно подтягивает SEO — один раз сделал по уму и получил разом и людей, и позиции в выдаче.
Чуть-чуть матчасти: WCAG
У всего этого есть международный свод правил — WCAG (Web Content Accessibility Guidelines). По сути большой чек-лист «как сделать сайт удобным для всех». В нём три уровня строгости:
A — голый минимум. Без него частью людей сайтом пользоваться физически невозможно. Грубо: «кнопки хотя бы нажимаются с клавиатуры».
AA — золотая середина. Тот уровень, к которому стремятся все: нормальный контраст, подписи у полей, понятная навигация. Именно на него опираются стандарты — в России это ГОСТ Р 52872.
AAA — максимум, идеал. Целиком его тянут редко и в основном там, где это критично (например, госуслуги для незрячих). Для обычного магазина — перебор.
Короткий вывод: целимся в AA. Это разумный баланс между «доступно почти всем» и «не надо переписывать сайт с нуля».
Проверка за 1 минуту
Откройте свой сайт и попробуйте оформить заказ ОДНИМ пальцем, не приближая лицо к экрану. Застряли, промахнулись, не поняли, куда жать? Поздравляю — вы только что нашли дыру, через которую утекают покупатели.
А чтобы проверить машинно — прогоните страницу через бесплатный WAVE: он подсветит проблемы прямо на сайте.
Доступный сайт — это не благотворительность. У вас просто покупают все, кому удобно. А удобно можно сделать почти для каждого!
Представьте: вы лежите на диване, в одной руке телефон, вторая занята (кот, чай, ребёнок — нужное подчеркнуть). И вам приспичило что-то заказать. Одним пальцем, толком не глядя, на ходу.
Получится? Если сайт сделан по уму — легко. Если нет — вы психанёте на третьем экране и уйдёте к конкуренту. Вот тут и начинается история про доступность.
Что за «доступность» такая
Доступность (по-умному — accessibility) — это когда сайтом может пользоваться кто угодно, а не только здоровый человек с мышкой, орлиным зрением и двумя свободными руками.
Звучит как «забота об инвалидах»? И да, и нет. Посмотрите на цифры кого это касается (цифры только по России):
• 11 миллионов человек — официально имеют инвалидность (Росстат и Соцфонд России, конец 2024г.). Это примерно каждый тринадцатый житель страны.
• Сотни тысяч полностью незрячих, а слабовидящих — миллионы. Многие «смотрят» сайт ушами — через программу-озвучку, которая читает страницу вслух.
• Десятки миллионов пожилых, у которых с возрастом село зрение и хуже слушаются пальцы.
• И, внезапно, — вы. Когда рука в гипсе, на улице слепит солнце, трясёт в маршрутке или вы просто заказываете одним пальцем с дивана.
Доступность — это не «версия для слабовидящих» кнопочкой в углу. Это запас прочности, который выручает вообще всех.
Как выглядит «недоступный» магазин
На пальцах:
❌ Кнопка «Купить» крошечная — мимо. Тыкаешь три раза, в корзине три штуки.
❌ Светло-серая цена на белом фоне — на солнце не видно вообще ничего.
❌ Поля заказа без подписей: ввёл телефон — подпись исчезла, и ты уже не помнишь, что куда вписывал.
❌ Выбрал размер, цена поменялась — а человек с озвучкой об этом не узнал и заказал не то.
❌ У фото товаров нет описания — для программы-озвучки это просто «изображение, изображение, изображение».
Каждая такая мелочь — это брошенная корзина. То есть ваши деньги, которые ушли гулять.
А как по-человечески:
✅ Крупные кнопки, в которые попадаешь не целясь.
✅ Нормальный контраст — текст читается и на солнце, и бабушкой.
✅ У каждого поля видимая подпись и понятные ошибки («введите телефон», а не молчаливая красная рамочка).
✅ У картинок — описание словами.
✅ Сайт работает одним пальцем и даже без мышки.
✅ И бонус: тот же чистый семантический код и описания у картинок (alt) любят поисковики. Доступность почти бесплатно подтягивает SEO — один раз сделал по уму и получил разом и людей, и позиции в выдаче.
Чуть-чуть матчасти: WCAG
У всего этого есть международный свод правил — WCAG (Web Content Accessibility Guidelines). По сути большой чек-лист «как сделать сайт удобным для всех». В нём три уровня строгости:
A — голый минимум. Без него частью людей сайтом пользоваться физически невозможно. Грубо: «кнопки хотя бы нажимаются с клавиатуры».
AA — золотая середина. Тот уровень, к которому стремятся все: нормальный контраст, подписи у полей, понятная навигация. Именно на него опираются стандарты — в России это ГОСТ Р 52872.
AAA — максимум, идеал. Целиком его тянут редко и в основном там, где это критично (например, госуслуги для незрячих). Для обычного магазина — перебор.
Короткий вывод: целимся в AA. Это разумный баланс между «доступно почти всем» и «не надо переписывать сайт с нуля».
Проверка за 1 минуту
Откройте свой сайт и попробуйте оформить заказ ОДНИМ пальцем, не приближая лицо к экрану. Застряли, промахнулись, не поняли, куда жать? Поздравляю — вы только что нашли дыру, через которую утекают покупатели.
А чтобы проверить машинно — прогоните страницу через бесплатный WAVE: он подсветит проблемы прямо на сайте.
Доступный сайт — это не благотворительность. У вас просто покупают все, кому удобно. А удобно можно сделать почти для каждого!
- 💯 9
- ❤🔥 5

















