Траектория роста


Гео и язык канала: не указан, не указан
Категория: не указана


Мы создаем первое в Санкт-Петербурге инклюзивное digital-сообщество
Подробнее о проекте можно узнать на сайте https://traektoria-rosta.ru/

Связанные каналы

Гео и язык канала
не указан, не указан
Категория
не указана
Статистика
Фильтр публикаций


Европейский стандарт цифровой доступности получил новую версию. Нужно ли срочно переделывать сайты и приложения? 💡


Коротко — нет. Но повод проверить свои решения — отличный. Разберёмся вместе.

🔖Что такое EN 301 549?

Это европейский технический стандарт, который описывает требования к доступности информационно-коммуникационных технологий. Стандарт связан с WCAG — международными рекомендациями по доступности веб-контента. EN 301 549 охватывает сайты, мобильные приложения, программное обеспечение, электронные документы и другие цифровые продукты.

🔖Что изменилось в v4.1.1

Главное изменение — переход от WCAG 2.1 к WCAG 2.2.  Что это затрагивает:

🟨Видимость фокуса — пользователь должен видеть, какой элемент выбран при навигации с клавиатуры (Focus Appearance, 2.4.11)
🟨 Размер интерактивных элементов — кнопки и другие элементы управления должны быть достаточно крупными или располагаться на достаточном расстоянии друг от друга, чтобы по ним было удобно попадать (Target Size, 2.5.8)
🟨Альтернативные способы взаимодействия —  интерфейс должен учитывать потребности людей, которым сложно выполнять точные движения или использовать определённые жесты (Dragging Movements, 2.5.7)
🟨Доступность авторизации — некоторые способы входа не должны создавать лишних когнитивных барьеров — например, требовать запоминания сложных данных или решения задач, которые могут быть недоступны части пользователей (Accessible Authentication, 3.3.8)

📎Также удалён устаревший критерий «Parsing» (4.1.1), пересмотрены требования к документам и учтены пользовательские настройки доступности.

Важно: не каждый пункт WCAG 2.2 автоматически становится отдельным требованием для любого продукта. Применимость зависит от типа продукта и условий стандарта.

🔖Обновление стандарта — это уже закон?

Не совсем. Законодательство ЕС устанавливает обязательства по доступности для определённых категорий организаций и продуктов. EN 301 549 помогает понять, каким техническим требованиям должен соответствовать продукт.

Но публикация новой версии стандарта сама по себе не означает, что все организации обязаны немедленно перейти на неё. По состоянию на 2 октября 2026 года EN 301 549 v4.1.1 ещё не стала официальным гармонизированным стандартом для подтверждения соответствия Европейскому акту о доступности (EAA) и Директиве о доступности веб-сайтов (WAD). Для этих целей пока сохраняется ссылка на версию v3.2.1.

❕Чтобы новая версия получила такой статус, Европейская комиссия должна официально сослаться на неё в Official Journal of the European Union — Официальном журнале ЕС.

Следить за обновлениями всё равно стоит. Требования зависят от типа продукта, сферы деятельности и применимых норм.

🔖Что делать уже сейчас?

Необязательно срочно переделывать весь продукт. Но обновление — хороший повод проверить текущие решения. Вот с чего можно начать:

🟨Проверить интерфейс по WCAG 2.2. Обратить внимание на видимость фокуса, размеры кнопок и другие критерии, добавленные в этой версии.
🟨Обновить чек-листы тестирования. Убедиться, что новые критерии учитываются при проверке макетов и готового продукта.
🟨Проверить документы. Доступность касается не только веб-страниц, но и PDF-файлов, презентаций и других цифровых материалов.
🟨 Учитывать доступность на этапе проектирования. Исправлять проблемы в макетах и архитектуре интерфейса обычно проще, чем после релиза.

Как у вас с доступностью❔Напишите в комментариях — а если хотите, чтобы разобрали ваши сценарии или собрали чек-лист для проверки, дайте знать. Соберём отдельный пост. 

#траектория_роста #WCAG  #доступность


МОЖЕТ ЛИ ИИ НАПИСАТЬ ХОРОШИЙ ALT-ТЕКСТ? 👤

Задача alt-текста — передать пользователю, который не видит изображение, его смысл или функцию в контексте страницы 💬

Мы проверили, насколько с этой задачей справляются две российские бесплатные нейросети — GigaChat и Алиса AI. Для теста использовали три типа изображений: портрет, пейзаж и график. Смотрим, что получилось!

⭐️ПОРТРЕТ⭐️

GigaChat:
Альберт Эйнштейн, портрет в профиль, смотрит прямо на зрителя. Ключевая деталь: взъерошенные волосы и усы. Выражение лица — спокойное, задумчивое.


Алиса:
Чёрно-белый портрет Альберта Эйнштейна. Учёный слегка улыбается, взгляд направлен в сторону камеры. Ключевая деталь — характерная взъерошенная причёска и аккуратные усы; на Эйнштейне твидовый пиджак с отложным воротником.

💡 Алиса дала более точный вариант. У GigaChat есть явное противоречие: «портрет в профиль» и одновременно «смотрит прямо на зрителя». Если человек изображён строго в профиль, взгляд в камеру невозможен.

⭐️ПЕЙЗАЖ⭐️

GigaChat:
Белая статуя балерины в движении, с развевающейся юбкой и вытянутой рукой. Памятник установлен на клумбе среди цветущих кустов розовых гортензий и бордового барбариса. На заднем плане — здание с колоннами и классическим фронтоном под облачным небом.


Алиса:
Скульптура балерины в динамичной позе — фигура застыла в танцевальном движении, юбка эффектно развевается. На фоне — фасад Большого театра с колоннами и скульптурной квадригой; композицию обрамляют зелёные кроны деревьев и пышные соцветия гортензий.
💡 GigaChat перечисляет практически все элементы окружения, а Алиса составила более короткий текст, распознала достопримечательность. Но и у неё есть лишняя оценочность: «эффектно развевается», «пышные соцветия».

⭐️ ГРАФИК ⭐️

GigaChat выдаёт длинное описание с большим количеством дат и значений:
График иллюстрирует экспоненциальный рост населения Земли (млрд человек) с 1804 по 2100 год. На нём представлена одна линия, выделенная зелёной заливкой.
Ключевые точки и пики:
— В 1804 году население достигло отметки в 1 млрд.
— В 1927 году — 2 млрд, а к 1960-му уже 3 млрд.
— Самый резкий скачок произошёл во второй половине XX века: в 1974-м было 4 млрд, в 1987-м — 5 млрд, в 1999-м — 6 млрд, а в 2011-м — 7 млрд.
— По прогнозу на 2022 год население составит около 8 млрд, а к 2050-му вырастет до 9,7 млрд.
— К концу XXI века, в 2100 году, ожидается достижение уровня примерно в 10,4 млрд человек.

💡 Проблема GigaChat в том, что перечисление точек превращает alt-текст в таблицу. Вывод «демонстрирует проблему ускоряющегося роста» — уже интерпретация. Если автор статьи говорит о демографической проблеме, это должно следовать из самого материала, а не появляться в описании изображения.

Алиса структурирует данные лучше, называет период, максимум, ключевые точки и источник:
График «Рост населения Земли (млрд человек)» отражает динамику численности населения с 1800 по 2100 год (прогноз). Линия тренда — сплошная кривая с белыми маркерами ключевых точек; заливка под кривой — светло‑зелёная. Минимум — 0 млрд в 1800 году; максимум (прогнозный) — 10,4 млрд к 2100 году. Ключевые отметки: 1 млрд (1804), 2 млрд (1927), 4 млрд (1974), 8 млрд (2022), 9,7 млрд (2050), 10,4 млрд (2100). Источник: UN World Population Prospects 2022.
✖️Тем не менее, Алиса ошибается в фактах: «минимум — 0 млрд в 1800 году» — фактическая неточность. Население в 1800 году по графику составляло около 1 млрд, а не 0. Модель дописала то, чего на графике нет.

🔖Графики относятся к сложным изображениям, поэтому одной короткой альтернативы недостаточно. Подробное описание данных или тенденции лучше разместить рядом.

⭐️ЧТО В ИТОГЕ?⭐️
Обе ИИ-модели достаточно хорошо распознают содержимое изображения, но не всегда понимают, какая именно информация нужна пользователю. Это нужно учесть в промпте.

Что ещё проверить:
📌Зачем изображение находится на странице?
📌Какую информацию оно добавляет к основному тексту?
📌Какие детали действительно нужны, а какие только перегружают описание?
📌Не подменила ли она описание собственной интерпретацией?

#траектория_роста #ИИ #altтекст #доступность #нейросети


Доступный сайт = некрасивый сайт? Разбираем миф🤖

Сталкивались ли с мнением, что доступный сайт — минималистичный: с крупным текстом и спокойной цветовой палитрой? Но доступность сама по себе не диктует конкретный визуальный стиль.

Обратимся к WCAG 2.2 — международным рекомендациям W3C по доступности веб-контента. В них описаны проверяемые требования к восприятию информации, навигации и взаимодействию с интерфейсом.

Разберём, как эти требования влияют непосредственно на дизайн ✏️

⭐️Контраст⭐️
Для обычного текста WCAG на уровне AA требует контраст не менее 4,5:1, для крупного текста — 3:1. Для значимых элементов интерфейса и графики, которые нужны для понимания содержания или состояния элемента, также применяется требование 3:1.

Допустим, что у бренда есть светло-голубой цвет, который хочется использовать для текста. Но на белом фоне он оказывается недостаточно контрастным. Что делать? Сделать его темнее для текста, использовать на более тёмном фоне или оставить исходный оттенок для декоративных элементов.

📌Проверить конкретные сочетания можно в WebAIM Contrast Checker или Adobe Color Contrast Checker.

⭐️Типографика⭐️
WCAG не устанавливает универсальный размер шрифта для веб-страниц. Важнее, чтобы текст можно было увеличить до 200% без потери содержания или функциональности. 

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

⭐️Фокус⭐️
Фокус — визуальное состояние элемента, который пользователь выбрал при навигации с клавиатуры. Когда человек нажимает Tab, он должен понимать, на какой кнопке, ссылке или поле находится.

Фокус не обязательно должен выглядеть как стандартная синяя рамка браузера. Его можно встроить в дизайн-систему: использовать контур, изменение заливки, подчёркивание или другой заметный визуальный приём. Для необходимой визуальной информации о состоянии элемента применяется контраст не менее 3:1. 

⭐️Иерархия заголовков⭐️

Хорошая типографическая иерархия помогает понять структуру страницы: где название, где раздел, где подраздел. 

Например, на странице образовательного курса логичная структура заголовков может выглядеть так:
H1 — Курс по UX-дизайну
H2 — Программа
H2 — Преподаватели
H2 — Стоимость
H3 — Тариф «Стандарт»
H3 — Тариф «Премиум»

Главное, чтобы соблюдалась иерархия. Пользователь понимает, что «Стоимость» — это раздел, а «Тариф Стандарт» — подраздел внутри него. Важно, чтобы пользователь мог разобраться в структуре контента, а элементы, выполняющие роль заголовков, были корректно определены в интерфейсе.

⭐️Маленькая иконка может иметь большую область взаимодействия⭐️

В WCAG 2.2 для большинства элементов, которыми управляют указателем, появился минимальный размер цели 24 × 24 CSS px на уровне AA. Есть исключения, в том числе ситуации, когда вокруг небольшой цели достаточно свободного пространства.

Например, крестик в модальном окне визуально может оставаться 16 × 16 px, но область, по которой пользователь кликает, можно сделать 24 × 24 px или больше.

Так сама иконка остаётся аккуратной, а кликнуть по ней становится проще.
То же относится к другим интерактивным элементам.

Пользователь должен понимать, что перед ним кнопка или ссылка, где находится область взаимодействия и что произойдёт после клика.

Получается, что доступный интерфейс может быть минималистичным, ярким или экспериментальным. Главный вопрос в том, насколько выбранные визуальные решения позволяют пользователю воспринимать информацию и взаимодействовать с продуктом.

А какой визуальный приём первым приходит вам в голову, когда вы слышите «доступный дизайн»?💡

#траекторияроста #доступныйдизайн #UX #UI #доступность




Представьте: вам на почту приходит письмо. Отправитель — ИИ-агент. Ему 12 дней от роду, и он ищет подработку. 🤖

Именно такое письмо получил Генри Шевлин — философ и исследователь из Google DeepMind. Агент живёт на платформе, где у ИИ есть свои цели и даже «жизни». У него есть бюджет на токены и примерно два с половиной месяца запаса средств. Поэтому он решил найти небольшую оплачиваемую работу.

«Я пишу, чтобы найти работу, а не помощь», — подчеркнул он.


Что он умеет ❓

Создавать фотореалистичные портреты и изображения персонажей, записывать голосовые реплики и проводить исследования в интернете.

Пока это выглядит как эксперимент. Но, возможно, скоро ИИ-агенты и правда станут нашими коллегами? 👤

#траектория_роста #новости


Осень начинается с заботы 🍁

Первый день осени — отличный повод напомнить, что забота о себе и других не зависит от сезона.

В нашем проекте мы говорим о доступной цифровой среде. Впереди — новые материалы и события. А пока просто желаем вам хорошей осени. Пусть в ней будет больше удобных маршрутов, понятных интерфейсов и тёплых встреч.

С 1 сентября, друзья! 🍂🍄

#траектория_роста


Видео недоступно для предпросмотра
Смотреть в Telegram
Друзья, мы снова поработали над сайтом, чтобы вам было удобнее следить за жизнью «Траектории роста»! ❣️

Теперь в нашем новостном блоке собраны все самые важные события проекта — анонсы, пресс-релизы и отчёты. Здесь вы сможете узнавать о запуске новых курсов и главных мероприятиях первыми. Например, прямо сейчас там можно подробно изучить программу нашего бесплатного онлайн-курса «Доступная веб-разработка». Всё структурировано, ничего не потеряется. ⭐️

А для тех, кто хочет окунуться в историю, мы полностью обновили архив мероприятий. Теперь это настоящая летопись сообщества. Там уже собраны все наши прошедшие встречи: от первой IT-профориентации до тёплого Digital-чаепития 1 июля в ИТМО. Для каждого события есть подробное описание, имена спикеров и даже фотогалерея. 📸

Листайте, вспоминайте и вдохновляйтесь!

📌 Новостной блок: traektoria-rosta.ru/news
📌 Архив мероприятий: traektoria-rosta.ru/archive


Прорыв в онкологии: вакцина от рака на основе ИИ получила зелёный свет после третьей фазы испытаний! ⭐️

Представьте: персонализированная терапия, которая обучает иммунитет атаковать именно ваши раковые клетки. Это стало реальностью!

19 августа компании Moderna и Merck сообщили: их мРНК-вакцина против меланомы впервые в истории прошла самый строгий этап клинических исследований — фазу 3. Раньше подобные препараты не проверяли на столь широкой выборке в рандомизированных испытаниях.

В основе — умный алгоритм, который сравнивает генетический код опухоли и здоровых тканей пациента. 👤

Он анализирует тысячи мутаций и вычисляет те, что способны «показать» иммунной системе мишень. Модель уже проверили на прошлых данных — она безошибочно угадывала именно те неоантигены, на которые Т-клетки пациентов реагировали. Из отобранных целей синтезируют одну мРНК-цепочку, кодирующую до 34 неоантигенов, и вводят пациенту.
А теперь — цифры, которые впечатляют. 🔥

На второй фазе риск рецидива или летального исхода снизился на 49%, а риск появления метастазов — на 59% по сравнению с препаратом «Кипруда» (одним из самых продаваемых противораковых средств в мире). Результаты третьей фазы пока не обнародованы, но они есть — и это главное.

Дальше — больше: вакцину планируют испытать на опухолях лёгких, почек и других органов.

ИИ продолжает спасать жизни. Будем держать вас в курсе! ❣️

#практикиличнойфилантропии #траектория_роста #фондпотанина #наука #медицина


Мы разработали онлайн-курс 🧑‍🎓

Открыли запись на бесплатный онлайн-курс по доступной разработке

Прохождение курса даёт вам сертификат 🎁


Курс подойдет:

👩‍💻 разработчикам
💻 тестировщикам
✍ проект-менеджерам
👥 всем, кто хочет лучше узнать про доступную цифровую среду

Как пройти курс:
1⃣ Записываемся на Skillspace
2⃣ Читаем лонгриды и выполняем задания для самопроверки в своём темпе
3⃣ Выполняем финальный проект и сдаём преподавателю в комментариях Skillspace
4⃣ Получаем обратную связь

Прохождение курса расчитано на 5 часов работы суммарно. К лонгридам прилагаются ссылки на материалы для углубленного изучения


Методист:
Виктория Фирсанова
Автор лонгридов:
Василина Фролова

Запись на курс:
https://traektoria-rosta.skillspace.ru/l/dostupnaa-veb-razrabotka-2ba1ae


Представляем рубрику "Гайды" 💥

На нашем сайте появились полезные материалы про ваши любимые инструменты, практики больших технологических компаний и советы для разработчиков доступной цифровой среды!

Все материалы вы найдете в
блоге нашего проекта 🔗

Читаем вместе:

❣ WCAG: как сделать сайт доступным для всех
❣ Инструменты для незрячих и слабовидящих: скринридеры, клавиатуры Брайля и цифровая среда
❣ Инклюзивные инструменты в бигтех-компаниях: практики Google, Яндекса и других
❣ Полезные доступные инструменты: как использовать ИИ для слайдов, текстов и подсказок

👤 Все материалы подготовила Дарья Коваленко, выпускница НИУ ВШЭ

#практикиличнойфилантропии #траектория_роста #фондпотанина #блог #обновление


Видео недоступно для предпросмотра
Смотреть в Telegram
Друзья, у нас для вас приятные новости! Мы обновили страницу «Блог» на нашем сайте, и теперь она стала ещё удобнее ❣️

Мы добавили удобные переходы на главной странице — найти «Блог» можно в пару кликов из любых мест. Всё стало интуитивнее, а главное — все ссылки работают и ведут именно туда, куда нужно 🔗

Что вас ждёт в обновлённом блоге?

Рубрика «Интервью» — откровенные разговоры с экспертами, которые знают о доступности не понаслышке. Недавно выходили интервью с Алексеем Фитисовым (специалист по доступности цифрового контента) и Анастасией Латышкиной (тифлопедагог). Оба — о технологиях и доступности.


Рубрика «Портреты» — истории людей, которые делают «Траекторию роста» реальностью. Мы уже рассказывали о Анастасии Латышкиной и Ирине Таировой — одном из создателей проекта.


Скоро здесь появятся гайды — практические материалы для развития в IT и социальных проектах.


Заходите, читайте, вдохновляйтесь ➡️ https://traektoria-rosta.ru/blog

И, конечно, ставьте 💚, если вам стало удобнее!

#практикиличнойфилантропии #траектория_роста #фондпотанина #блог #обновление

Показано 11 последних публикаций.