Tlačítka bez srozumitelného názvu

Hlášení v axe a Lighthouse: Buttons must have discernible text · button-name · WCAG 4.1.2

Co to znamená a proč na tom záleží

Tlačítko jen s ikonou (hledat, zavřít, menu) se ohlásí jako „tlačítko“ — jeho funkce zůstane neznámá (WCAG 4.1.2).

Jak opravit

Dejte tlačítku text nebo aria-label, např. aria-label="Zavřít".

Příklad kódu

Před

<button class="close"><span class="icon-x"></span></button>

Po

<button class="close" aria-label="Close"><span class="icon-x" aria-hidden="true"></span></button>

Všechny chyby přístupnosti