1.1.1; 3.1.2 Chýbajúci preklad vkladá do alternatívneho textu a názvu odkazu HTML kód v angličtine

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

Popis problému:

Na stránke „Vyberte podpisovú aplikáciu“ je zvolený typ občianskeho preukazu zobrazený ako odkaz s obrázkom preukazu. Chýba preklad kľúča sk.contracts.signature_apps.selected_card_generation, preto Rails do atribútu alt obrázka vloží HTML značku chýbajúceho prekladu. Výsledný alternatívny text a súčasť prístupného názvu odkazu znie doslovne:

<span class="translation_missing" title="translation missing: sk.contracts.signature_apps.selected_card_generation, generation: eid_2024">Selected Card Generation</span>

Vizuálne sa chyba neprejaví, pretože obrázok sa zobrazí.

Dopad:

Čítač obrazovky prečíta používateľovi celý zdrojový kód značky vrátane technického hlásenia v angličtine („span class translation missing title translation missing sk contracts …“) a až potom názov preukazu a „Zmeniť výber“. Informácia o zvolenom preukaze je tak zahltená nezrozumiteľným textom a odkaz má zbytočne dlhý a mätúci názov. Postihnutí sú nevidiaci a ťažko slabozrakí používatelia čítačov obrazovky a používatelia hlasového ovládania.

Závažnosť: vysoká — mätúci obsah v kroku, kde sa používateľ rozhoduje o spôsobe podpisu.

Efektívne riešenie:

Pre splnenie kritérií úspešnosti je potrebné doplniť chýbajúci preklad do config/locales/sk.yml aj en.yml. Keďže názov preukazu je uvedený aj v texte odkazu, obrázok je v tomto odkaze dekoratívny a má mať prázdny alternatívny text alt="". Odporúčame aj zapnúť config.i18n.raise_on_missing_translations = true v testovacom prostredí, aby sa podobné chyby zachytili automaticky.