Анимация как на mac os для windows 10

Понимание критерия успеха 2.3.3: анимация на основе взаимодействий

Критерий успеха 2.3.3 Анимация от взаимодействий (уровень AAA): Анимация движения, запускаемая взаимодействием, может быть отключена, если только анимация не является необходимой для функциональности или передаваемой информации.

Намерение

Назначение этого Критерия успеха состоит в том, чтобы позволить пользователям предотвратить отображение анимации на веб-страницах. Некоторые пользователи испытывают отвлечение или тошноту от анимированного контента. Например, если прокрутка страницы вызывает перемещение элементов (помимо основных движений, связанных с прокруткой), это может вызвать вестибулярные расстройства. Реакции вестибулярного расстройства (внутреннего уха) включают головокружение, тошноту и головные боли. Еще одна анимация, которая часто не является необходимой, — это параллаксная прокрутка. Прокрутка параллакса происходит, когда фон перемещается с другой скоростью по отношению к переднему плану. Этот критерий успеха разрешает анимацию, необходимую для функциональности или информации веб-страницы.

«Анимация от взаимодействий» применяется, когда взаимодействие пользователя инициирует второстепенную анимацию. Напротив, 2.2.2 Пауза, Остановить, Скрыть применяется, когда веб-страница инициирует анимацию.

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

Как веб-сайт может снизить вероятность возникновения вестибулярного расстройства? Выберите одно из следующих решений. Избегайте использования ненужной анимации. Предоставьте пользователям элемент управления для отключенияненужных анимаций при взаимодействии с пользователем. Воспользуйтесь преимуществами функции уменьшения движения в пользовательском агенте или операционной системе.

Как насчет движения, вызванного прокруткой страницы пользователем? Перемещение нового контентав окно просмотра необходимо для прокрутки. Пользователь контролирует необходимое движение прокрутки, поэтому это разрешено. Внимательно добавляйте ненужную анимацию к взаимодействию прокрутки. Всегда давайте пользователям возможность отключить лишнее движение.

Читайте также:  Как настроить гибернация на windows 10

Преимущества

  • Вестибулярное расстройство
    • Люди с вестибулярными расстройствами нуждаются в контроле движений, вызванных взаимодействием. Несущественное движение может спровоцировать реакции вестибулярного расстройства. Реакции вестибулярного расстройства (нарушения внутреннего уха) включают рассеянность, головокружение, головные боли и тошноту.
    • Цитата о персонаже: «Прекратите эти лишние движения! У меня от вас так кружится голова, что я не могу сосредоточиться. Теперь мне нужно выключить компьютер и лечь».

Примеры

  • Параллаксная прокрутка с возможностью глобального отключения ненужного движения:
    • Сайт включает дополнительную анимацию, когда пользователь прокручивает страницу. Декоративные элементы появляются и исчезают по горизонтали, когда основное содержимое страницы прокручивается по вертикали. Элемент управления в верхней части каждой страницы позволяет пользователю отключить ненужную анимацию. Возможность отключения несущественных анимаций является общей настройкой сайта.
  • Переходы, поддерживающие настройку уменьшения движения:
    • Сайт содержит необязательный переход при загрузке нового контента.Переход представляет собой анимацию перелистывания страниц, которая соответствует медиа-запросу CSS с уменьшением движения. Когда пользователь включает параметр уменьшения движения, анимация перелистывания страниц отключается.
  • Основная анимация:
    • В веб-приложении есть функция создания анимированных последовательностей. В рамках этого инструмента автору необходимо предварительно просмотреть анимацию.

Связанные ресурсы

Ресурсы предназначены только для информационных целей, без одобренияподразумевается.

Методы

Каждый пронумерованный пункт в этом разделе представляет метод или комбинацию методов, которые рабочая группа WCAG считает достаточными для выполнения этого критерия успеха. Однако нет необходимости использовать именно эти методы. Информацию об использовании других методов см. в разделе «Понимание методов для критериев успеха WCAG», в частности в разделе «Другие методы».

Достаточные методы

  • C39: использование CSS-запроса уменьшения движения для предотвращения движения
  • Gx: Разрешение пользователям устанавливать предпочтение, запрещающее анимацию.

Ключевые термины

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

Читайте также:  Как удалить общую сетевую папку windows 7

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

Например, элемент, который перемещается на место или меняет размер при появлении, считается анимированным. Элемент, который появляется мгновенно без перехода, не использует анимацию. Анимация движения не включает изменения цвета, размытия или непрозрачности, которые неизменяют воспринимаемый размер, форму или положение элемента.

Поделиться с друзьями
ОС советы