3.3.1; 3.1.2 Chybové hlásenie vizuálnej pečiatky je v angličtine a neidentifikuje chybné pole

URL: agp.dev.slovensko.digital/contracts/88f8ba3c-29c7-49bb-859e-bec1762ab044/visual_signing

Popis problému:

Ak vytvorenie vizuálnej pečiatky zlyhá na validácii, stránka sa načíta znova a v hornej časti sa zobrazí hlásenie s role="alert", ktoré skladá pevný anglický text a nepreložené chyby modelu, napríklad: „Failed to submit: Validácia neúspešná: Width musí byť menšie alebo rovné 256, Stamp text or image is required“ (contracts_controller.rb, alert: "Failed to submit: #{e.message}"). Hlásenie nie je priradené k žiadnemu poľu, pole „Meno zobrazené na pečiatke“ nie je označené ako chybné (aria-invalid) a zameranie zostane na začiatku stránky.

Dopad:

Používateľ, ktorý nerozumie po anglicky, nevie, čo je potrebné opraviť; výrazy „Width“ a „Stamp text or image“ nezodpovedajú žiadnemu popisu na stránke. Používatelia čítačov obrazovky musia chybu hľadať a nevedia, ktoré pole sa jej týka. Postihnutí sú najmä používatelia s kognitívnym znevýhodnením, starší používatelia a nevidiaci používatelia.

Závažnosť: vysoká — používateľ nevie chybu opraviť a dokončiť podpis.

Efektívne riešenie:

Pre splnenie kritérií úspešnosti je potrebné chybové hlásenia prekladať (I18n.t) a pomenovať v nich polia tak, ako sú označené na stránke („Text pečiatky – zadajte meno alebo vyberte obrázok“, „Šírka pečiatky môže byť najviac 256 bodov“). Chybu je potrebné zobraziť pri príslušnom poli, prepojiť ju cez aria-describedby, pole označiť aria-invalid="true" a zameranie presunúť na prvé chybné pole alebo na súhrn chýb.