Definiție
Textul redimensionabil se referă la capacitatea conținutului textual de pe un site web de a fi mărit sau micșorat de către utilizator, fără ca acesta să devină ilizibil sau să afecteze structura paginii. Este un principiu fundamental al designului responsiv și un criteriu esențial pentru accesibilitatea web, mai ales pentru persoanele cu deficiențe de vedere.
Conform standardelor WCAG, utilizatorii ar trebui să poată mări textul cu până la 200% fără a pierde funcționalitatea sau lizibilitatea paginii.
Exemple concrete
- Un utilizator cu vedere slabă folosește funcția „zoom” din browser pentru a mări textul la 150%. Textul de pe pagină se ajustează automat, fără a necesita derulare orizontală și fără ca butoanele sau formularele să se suprapună.
- Pe un site responsiv, titlurile, paragrafele și meniurile se măresc proporțional atunci când utilizatorul modifică dimensiunea textului din setările browserului sau folosind scurtătura Ctrl + „+”.
- Un blog despre tehnologie permite cititorului să selecteze dimensiunea textului dintr-un meniu dedicat („mic”, „normal”, „mare”), fără să afecteze restul interfeței.
De ce este important pentru accesibilitate?
- Oferă confort și lizibilitate pentru persoanele cu deficiențe vizuale sau cu vedere obosită
- Permite adaptarea conținutului în funcție de dispozitiv (mobil, tabletă, ecran mare)
- Reduce efortul cognitiv în timpul citirii, mai ales pentru utilizatorii în vârstă
- Contribuie la o experiență de utilizare personalizată, mai incluzivă
Bune practici
- Evită folosirea valorilor fixe în pixeli pentru fonturi – folosește unități relative precum em, rem sau %
- Testează site-ul cu mărirea textului la 200% pentru a verifica dacă toate elementele rămân funcționale
- Asigură-te că textul nu se suprapune cu alte componente (imagini, butoane, formulare) la mărire
- Nu bloca funcțiile de zoom ale browserului
- Menține un contrast bun între text și fundal, chiar și la dimensiuni mari
Please follow and like us:
