Пауза, спиране, скриване

Какво изисква критерият

За всяко съдържание, което едновременно (а) се движи, мига, превърта или автоматично се актуализира, (б) стартира автоматично и (в) продължава повече от пет секунди и се показва успоредно с друго съдържание, потребителят трябва да разполага с механизъм за поставяне на пауза, спиране или скриване. Същото важи и за автоматично актуализиращо се съдържание без движение (новинарски потоци на живо, табла с резултати, чат).

Изключения: когато движението е от съществено значение за дейността (гледано видео, анимационен урок) и когато съдържанието е единственото нещо на екрана (анимация за зареждане преди появата на съдържанието).

Как да се постигне съответствие

• Добавете видим бутон „Пауза/Пусни” към всяка въртележка, слайдшоу или автоматично превъртащ се банер. Направете го първия елемент с фокус на уиджета.
• Спирайте автоматично въртележките при задържане на курсора и клавиатурен фокус — но потребителят трябва да може и напълно да ги спира.
• За новинарски тикери, бягащи текстове и ленти с цени на акции — поставете бутон за пауза на същия ред с минимален размер 24×24.
• За автоматично опресняващи се табла (Kibana, Grafana, спорт на живо) — предложете на потребителя избор на интервал за опресняване, включително опция „само ръчно опресняване”.
• Анимирани GIF файлове с безкрайно повторение трябва да се заменят с <video> с достъпни контроли или с модел „пусни при натискане”.

Чести грешки

• Хиро въртележки, въртящи се на всеки три до пет секунди без бутон за пауза — това е най-честата единична грешка по 2.2.2 при одити.
• Автоматично пускани видеофонове без контроли, особено на маркетингови страници.
• Тикери на новинарски сайтове, превъртащи хоризонтално без бутон за пауза.
• Анимирани SVG илюстрации на целеви страници, завъртащи се безкрайно без начин за спиране.
• Toast известия, натрупващи се непрекъснато от поток на живо без начин за заглушаване.

axe и Lighthouse могат да открият <marquee> и някои нарушения на prefers-reduced-motion, но не могат да идентифицират въртележка, управлявана с JavaScript, без контроли. Необходима е ръчна проверка.

Защо е важно

Автоматично движещото се съдържание е сред най-ограничаващите модели в уеб. То отвлича вниманието на всеки с увреждания, свързани с вниманието (ADHD, определени тревожни разстройства, синдром след сътресение на мозъка), принуждава потребителите на екранни четци непрекъснато да губят позицията си при актуализация на DOM възлите и прави четенето невъзможно за слабовиждащи потребители, следящи текста бавно. Бутонът за пауза е сред най-евтините допълнения за достъпност с най-голямо въздействие, което маркетинговият екип може да направи.