3.3.2; 1.3.1; 4.1.2 Pole na potvrdenie zrušenia účtu nemá menovku ani pokyn

URL: agp.dev.slovensko.digital/users/edit

Popis problému:

V časti „Nebezpečná zóna“ → „Zrušiť môj účet“ je tlačidlo „Zmazať účet“ aktívne až po napísaní presnej frázy do poľa <input type="text" id="delete_confirmation" placeholder="zmazať účet">. Pole nemá menovku a jedinou informáciou o tom, čo treba napísať, je zástupný text, ktorý po začatí písania zmizne. Na stránke nie je pokyn, že frázu je potrebné prepísať. Tlačidlo „Zmazať účet“ je zakázané iba triedou opacity-50 a atribútom disabled, bez vysvetlenia.

Dopad:

Používateľ čítača obrazovky počuje iba „zmazať účet, upraviť“ a nemusí pochopiť, že ide o pokyn na prepísanie frázy; tlačidlo „Zmazať účet“ je pre neho nedostupné bez vysvetlenia. Používatelia s kognitívnym znevýhodnením si po začatí písania nemusia pamätať presné znenie frázy vrátane diakritiky. Používatelia hlasového ovládania nemajú pre pole názov.

Závažnosť: vysoká — používateľ bez pokynu nedokáže zrušiť svoj účet.

Efektívne riešenie:

Pre splnenie kritérií úspešnosti je potrebné poľu doplniť viditeľnú menovku s pokynom, napríklad „Na potvrdenie napíšte frázu „zmazať účet““, prepojenú cez <label for="delete_confirmation">, a zakázané tlačidlo vysvetliť textom prepojeným cez aria-describedby.

<label for="delete_confirmation">Na potvrdenie napíšte frázu „zmazať účet“</label>
<input type="text" id="delete_confirmation" name="delete_confirmation" autocomplete="off" aria-describedby="delete_hint">
<p id="delete_hint">Tlačidlo Zmazať účet sa sprístupní po napísaní frázy.</p>