This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Достъпност
Колко голямо трябва да е копчето за пръстите и треперещите ръце?
Бутон с височина 20 пиксела удря пръст на телефона само с късмет, трепереща ръка и с мишката. Ниво АА (2.5.8), ново в WCAG 2.2) изисква 24 × 24 пиксела или достатъчно разстояние. Критерият AAA ниво 2.5.5 изисква 44 × 44 CSS пиксела за всяка цел, която работи с показалец. Изключени са връзки в текста на потока, елементи с еквивалентна по-голяма алтернатива и елементи, чийто размер браузърът определя.
Какво изисква критерият
Всяка цел, напечатана или щракната е най-малко 44 CSS пиксела широк и висок. Това съответства на около 9 милиметра на мобилния телефон, ширината на върха на пръста. Изключения: връзки в изречение или параграф; цели, за които има еквивалентна алтернатива от 44 пиксела на същата страница; Цели, чийто размер не е определен от автора (контрол на браузъра); и цели, за които конкретното представяне е от съществено значение, като например точки на карта.
За кого се брои това
Хората с тремор, артрит, спастичност или след инсулт не удрят малки цели или удрят заедно с тях. По телефона, това засяга всеки, който потупва с палеца си, в автобуса, с ръкавица, с дебел пръст. 44 пиксела идват от проектните насоки на големите операционни системи и са доказали себе си като граница, от която работните грешки значително намаляват. По-големи цели също така намаляване на процента грешки за всички останали.
Така се справяме с това
Днес измерващото ядро измерва всяка работна повърхност в тестовата зона Responsive спрямо 24- пикселовата граница на ниво AA и определя ширината и височината за всяко местоположение. Същото измерване показва кои области достигат 44 пиксела. Критерият е автоматично децидируем, с изключение на въпроса дали дадена алтернатива е еквивалентна. Той принадлежи към категория AAA със знания; Докладът определя стандартите.
Beispiele
Бутон с 24 пиксела
.symbol-knopf { width: 24px; height: 24px; } /* Stufe AA */.symbol-knopf { min-width: 44px; min-height: 44px; } /* Stufe AAA */44 × 44 CSS пиксела на мишена, с изключение на интервалите. Връзките в текста са изключени.
- Въведете бутони, елементи от менюто и икона връзки с минимална височина и ширина 44 пиксела (мин. височина, мин. ширина) или еквивалентно вътрешно разстояние.
- Увеличете зоната на щракване на икони с интериорен достъп, не самата икона.
- Оставете линкове в текста на потока, те са изключени.
- Проверете линии в таблици и списъци с икони действия: има малки цели най-често.
