Твърде малки зони за натискане

Съобщение в axe и Lighthouse: All touch targets must be 24px large, or leave sufficient space · target-size · WCAG 2.5.8

Какво означава и защо е важно

Малки, нагъсто разположени икони и връзки трудно се улучват от хора с двигателни затруднения и на телефон (WCAG 2.5.8).

Как да поправите

Увеличете зоните за натискане до поне 24×24 CSS пиксела или оставете достатъчно разстояние между тях.

Пример за код

Преди

<a href="/fb" style="display:inline-block;width:16px;height:16px"><img src="fb.svg" alt="Facebook"></a>

След

<a href="/fb" style="display:inline-block;min-width:24px;min-height:24px;padding:4px"><img src="fb.svg" alt="Facebook"></a>

Всички грешки в достъпността