Skip to content

Text alternativ descriptiv pe imaginile de conținut

Vitalie requested to merge 18_image-alt into main

Closes #18 (closed)

Nouăsprezece imagini de conținut aveau alt gol și niciun marcaj de imagine decorativă: imaginea mare a fiecărei colecții, panourile de pe About și Camere de recuperare, panourile paginilor de terapie, tabelul de mărimi, miniaturile din galeria de produs. Un cititor de ecran nu anunța nimic pentru ele, iar căutarea Google după imagini nu avea ce indexa. Cele patru fotografii de caracteristici de pe fiecare fișă de produs erau chiar marcate aria-hidden, deși ilustrează conținut.

Ce s-a schimbat

  • 16 poziții de conținut au primit alt real, plus FeaturesCarousel, care a rămas fără aria-hidden și primește titlul caracteristicii ilustrate.
  • Patru poziții cu adevărat decorative au primit aria-hidden în loc de text: siglele Google și Apple din butoanele care au deja etichetă proprie, și miniaturile de produs din rezumatul comenzii.
  • 32 de chei noi de traducere, în ro, ru și en. Textul e scris din fotografie, nu preluat din titlul de lângă ea: acele titluri sunt sloganuri la imperativ și niciunul nu spune ce se vede în cadru.
  • Trei poziții refolosesc text existent, pentru că acolo textul chiar numește subiectul: titlul plăcii promoționale, h1-ul colecției și titlul cardului de caracteristică.
  • Ghidul de mărimi păstrează convenția fișierului data/sizeGuides.ts (SizeGuideText cu cele trei limbi lângă date), pentru că cele două diagrame arată lucruri diferite — produsul, respectiv măsura desenată pe corp.

Verificare

  • Numărătoarea automată în frontend/src, fără /admin: alt gol fără aria-hidden a trecut de la 19 la 0.
  • În DOM-ul randat, cu build de producție și baza reală: /recovery-rooms — 14 imagini late, toate cu alt nevid; /collections/hypervolt — 21 de imagini late, cele 7 cu alt gol sunt exclusiv a doua poză de la trecerea cu mouse-ul, marcată aria-hidden, exact cazul pe care issue-ul îl lasă neschimbat.
  • npx tsc --noEmit -p tsconfig.app.json curat; oxlint doar cu avertismentul preexistent din src/App.tsx; npm run test 396 de teste în 31 de fișiere, toate trecute; npm run build curat.
  • Fără schimbare vizuală: textul alternativ nu se afișează pe ecran.

Merge request reports