Стандарти · WCAG 2.2

SC 2.5.5 Ниво AAA WCAG 2.1

Размер на целта (подобрен)

Интерактивните цели трябва да имат площ на засичане поне 44×44 CSS пиксела. Това е изискването на ниво AAA за подобрен размер на целта; прагът на ниво AA по 2.5.8 е 24×24.

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

Всяка интерактивна цел трябва да заема площ на засичане поне 44×44 CSS пиксела. Прилагат се същите изключения, както при 2.5.8 на ниво AA: налична еквивалентна цел, вграден текст, управление от потребителски агент, съществено техническо ограничение и съответствие.

Стойността 44×44 е тази, около която се обединяват Apple, Google и Microsoft в собствените си указания за проектиране, поради което изпълнението на този критерий за успех обичайно съответства на нормите за потребителски интерфейс на платформите, а не им противоречи.

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

  • Задава се min-width: 44px; min-height: 44px на бутони, елементи за управление само с икона, полета на форми и всяка друга докосваема цел.
  • Използва се вътрешен отстъп в бутони с малка икона, за да се разшири площта на засичане до 44×44 дори когато глифът на иконата е с размер 16–24px.
  • Одитът се насочва приоритетно към пагинацията, хлебните трохи, мобилната навигация, иконите за действие в редовете на таблица, бутоните за премахване на чип и плаващите бутони за действие.
  • За елементи за управление, които трябва да са визуално малки, се осигурява 44×44 свободно пространство около тях без пресичане с други цели.

Чести грешки

  • Бутони с икона с размер 24×24 или 32×32 в ленти с инструменти — преминават AA, но не успяват при AAA.
  • Редове за пагинация с кутии с ширина 30 пиксела.
  • Гъсто наредени действия в редове на таблица, при които „Редактиране”, „Дублиране” и „Изтриване” са наредени плътно едно до друго.
  • Бутони × за премахване на чип, стилизирани с размер 12–20px.

Защо е важно

Прагът 44×44 е границата, при която грешното докосване спада до почти нулево ниво за потребители с болест на Паркинсон, есенциален тремор, множествена склероза и други двигателни нарушения, а също и за всички, използващи телефон с една ръка в движение. Критериите за успех на ниво AAA обичайно не се изискват за съответствие, но много регулирани сектори (банкиране, държавна администрация, здравеопазване) целят AAA специално за мобилния потребителски интерфейс, тъй като мобилните приложения са непропорционално неуспешни за потребители с двигателни нарушения. Ако вече е изпълнено изискването по 2.5.8, разширяването от 24 до 44 пиксела е обичайно промяна на един CSS клас.