0Pricing
Web Accessibility Academy · Урок

Порог в три вспышки для предотвращения судорог

Соблюдайте безопасные ограничения для мигающего содержимого.

«Порог в три вспышки для предотвращения судорог» — бесплатный урок Web Accessibility Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Web Accessibility Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Web Accessibility Academy содержит 4 уроков всего.

Мигание может навредить

У некоторых людей мигающий свет на экране может вызвать приступ. Здесь выбор анимации становится вопросом безопасности. ⚠️

Светочувствительная эпилепсия

Этот риск имеет название: светочувствительная эпилепсия. Яркие быстрые вспышки — классический провоцирующий фактор для людей с этим заболеванием.

Правило WCAG

WCAG устанавливает чёткое ограничение. Ничто не должно мигать чаще трёх раз за любую одну секунду, иначе область мигания должна оставаться меньше небольшой безопасной площади.

Как считать вспышки

Вспышка — это пара противоположных изменений: от яркого к тёмному и обратно. Три таких ярко-тёмных цикла за секунду превышают порог.

Красный цвет особенно опасен

Насыщенные красные вспышки отдельно выделены в предупреждениях WCAG, поскольку переходы глубокого красного особенно часто провоцируют приступ.

Размер имеет значение

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

Следите за видео с автовоспроизведением

Опасность представляют не только GIF. Видео со стробоскопическими эффектами, взрывами или быстрыми монтажными склейками может превысить ограничение, а вы этого не заметите.

Остерегайтесь быстрых индикаторов загрузки

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

Проверяйте частоту

Если сомневаетесь, измерьте её. Бесплатный инструмент PEAT от Trace Center анализирует мультимедиа на наличие вспышек, превышающих порог.

PEAT (Photosensitive Epilepsy Analysis Tool) checks media for unsafe flashing

Безопаснее по умолчанию

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

Предупреждайте перед показом

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

Быстрая проверка

Каково безопасное ограничение мигания согласно WCAG?

Итоги

Ограничивайте мигание значением менее трёх вспышек в секунду, следите за насыщенным красным цветом и проверяйте видео с помощью PEAT. Чем медленнее, тем безопаснее. ✅

Часто задаваемые вопросы

Урок «Порог в три вспышки для предотвращения судорог» бесплатный?

Да — полный текст урока «Порог в три вспышки для предотвращения судорог» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Web Accessibility Academy, подпишись на CoddyKit PRO. Курс Web Accessibility Academy содержит 4 уроков всего.

Чему я научусь в уроке «Порог в три вспышки для предотвращения судорог»?

Соблюдайте безопасные ограничения для мигающего содержимого. Ты практикуешь Web Accessibility Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Web Accessibility Academy?

Предыдущий опыт не требуется. Web Accessibility Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.

Сколько времени занимает урок «Порог в три вспышки для предотвращения судорог»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Web Accessibility Academy?

Да. Каждый урок Web Accessibility Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. prefers-reduced-motion в CSS и JS
  2. Вестибулярные расстройства и риски параллакса
  3. Порог в три вспышки для предотвращения судорог
  4. Пауза, остановка и скрытие автоматически движущегося содержимого
← Назад к Web Accessibility Academy