Imagini accesibile

Descrie imaginile relevante pentru persoanele care nu le pot vedea.

PASUL 1 · ÎNVAȚĂ

Cum funcționează

Alt exprimă rolul imaginii; figcaption poate adăuga context vizibil.

Exemplu corect

<figure>
  <img src="atelier.jpg" alt="Designer care schițează structura unei pagini">
  <figcaption>Planificarea interfeței.</figcaption>
</figure>

Alt transmite informația imaginii când aceasta nu poate fi văzută. figcaption oferă o legendă vizibilă tuturor.

Greșeală frecventă

<img src="atelier.jpg" alt="imagine">

Cuvântul „imagine” nu transmite conținutul sau rolul vizualului.

PASUL 2 · APLICĂ

Completează alt și folosește figure cu figcaption.

index.htmlHTML

Rezultat sigurizolat

Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate

PASUL 4 · VERIFICĂ

0%neverificat

Explică-mi logica rezolvării

Descrie informația utilă, nu aspecte evidente. Dacă imaginea și legenda formează o unitate, grupează-le în figure.