1.1.1 Dekoratívne ikony na úvodnej stránke nie sú skryté pred asistenčnými technológiami

URL: priznanie.digital

Popis problému:

V bočnom paneli úvodnej stránky sú pred textami „Bezpečné SSL pripojenie“ a „Pripravené v spolupráci s daňovými poradcami z AVENIAS Tax & Legal“ ikony zámku a začiarknutia vložené ako <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"> bez aria-hidden, roly a prístupného názvu. Prehliadač ich v strome prístupnosti sprístupňuje ako obrázky bez názvu.

Dopad:

Používateľ čítača obrazovky môže pri čítaní zoznamu narážať na prvok „obrázok“ bez obsahu a nevie, či mu neuniká informácia. Ikony sú pritom čisto dekoratívne — význam nesie text vedľa nich. Postihnutí sú nevidiaci a ťažko slabozrakí používatelia čítačov obrazovky.

Závažnosť: nízka — rušivý prvok bez vplyvu na dokončenie úlohy.

Efektívne riešenie:

Pre splnenie kritéria úspešnosti je potrebné dekoratívne ikony skryť pred asistenčnými technológiami atribútmi aria-hidden="true" a focusable="false", ako to stránka už robí pri šípke v tlačidle „Súhlasím a chcem pripraviť daňové priznanie“:

<svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">…</svg>