Ghid Complet pentru Accesibilitate Web (Partea a 3-a): Principiul Comprehensibilității

Asigurați-vă că informațiile și operarea interfeței sunt ușor de înțeles pentru toți

‍

Am ajuns la al treilea pilon al principiilor POUR: Comprehensibilitate (Understandable). După ce ne-am asigurat că un site este perceptibil și operabil, trebuie să garantăm că utilizatorii pot și înțelege informațiile și modul de funcționare al interfeței. Un conținut de neînțeles sau o navigație imprevizibilă pot crea o barieră la fel de mare ca o imagine fără text alternativ.

‍

Ce înseamnă ca un site să fie comprehensibil?

‍

Principiul Comprehensibilității cere ca informațiile și operarea interfeței să fie logice și ușor de înțeles. Aceasta înseamnă mai mult decât simpla lizibilitate a textului. Implică utilizarea unui limbaj clar, oferirea de explicații pentru termeni complecși sau abrevieri și crearea unei experiențe de navigare consecvente și previzibile. De asemenea, un site comprehensibil ajută utilizatorii să evite și să corecteze greșelile, oferind instrucțiuni clare și mecanisme de validare eficiente.

‍

Ghid tehnic detaliat pentru principiul comprehensibilității

‍

Iată regulile specifice și sfaturile practice pentru a asigura comprehensibilitatea site-ului dvs., extrase direct din ghidul oficial:

‍

1.10. Lizibil: Textul este lizibil și ușor de înțeles

‍

• 1.10.1. [A] Limba utilizată pe pagină: Limba implicită a conținutului paginii trebuie specificată în cod.
  
  
  • Pont: Trebuie utilizat atributul HTML lang.
    
    
• 1.10.2. [AA] Limba utilizată de părți ale paginii: Dacă un conținut de pe pagină utilizează altă limbă decât cea implicită, acest lucru trebuie specificat în codul acelei părți.
  
  
  • Pont: Trebuie utilizat atributul HTML lang pe elementul respectiv.
    
    
• 1.10.3. [AAA] Cuvinte neobișnuite: Cuvintele care sunt ambigue, necunoscute sau folosite într-un mod tehnic trebuie să fie definite prin text adiacent, printr-o listă de definiții sau printr-un glosar.
  
  
• 1.10.4. [AAA] Abrevieri: Trebuie să existe un mecanism pentru identificarea formei extinse a unei abrevieri.
  
  
  • Pont: La prima folosire a unei abrevieri, poate fi utilizat elementul HTML <abbr> pentru a o explica.
    
    
• 1.10.5. [AAA] Nivelul de complexitate al textului: Dacă textul necesită o alfabetizare funcțională mai ridicată decât cea pe care o posedă în medie un absolvent de clasa a X-a, trebuie furnizată o alternativă mai ușor inteligibilă.
  
  
• 1.10.6. [AAA] Pronunția: Dacă pronunția unui cuvânt este esențială pentru a înțelege sensul său, aceasta va fi furnizată imediat după cuvânt (printr-o transcriere fonetică) sau printr-o legătură la glosar.
  ‍
  

1.11. Previzibil: Paginile web apar și sunt folosite în mod predictibil

‍

• 1.11.1. [A] Transformarea paginii în momentul selectării: Selectarea unei componente a paginii (focalizarea pe aceasta) nu trebuie să inițieze o schimbare de context.
  
  
• 1.11.2. [A] Transformarea paginii în momentul introducerii de date: Interacțiunea cu orice element interactiv nu trebuie să producă o schimbare de context automată. Orice schimbare de context trebuie anunțată în avans.
  
  
• 1.11.3. [AA] Consistență în procesul de navigare: Legăturile de navigare care se repetă pe mai multe pagini trebuie să rămână în aceeași ordine pe tot cuprinsul site-ului.
  
  
• 1.11.4. [AA] Consistență în procesul de identificare: Elementele care au aceeași funcționalitate pe mai multe pagini (de ex., pictograma de căutare) trebuie să poată fi identificate consistent.
  
  
• 1.11.5. [AAA] Transformarea paginii (eliminare excepții): Schimbările de context trebuie să demareze doar la cererea explicită a utilizatorului sau trebuie să existe un mecanism care să permită oprirea lor.
  
  

1.12. Asistență la introducerea datelor: Ajutor pentru utilizatori să evite și să corecteze greșelile

‍

• 1.12.1. [A] Identificarea erorilor: Elementele obligatorii ale unui formular, precum și restricțiile de format (de ex., formatul datei), trebuie marcate și explicate clar în etichete.
  
  
• 1.12.2. [A] Etichete sau instrucțiuni suficiente: Pentru cazurile în care este necesară o acțiune din partea utilizatorului (ex: completarea unui câmp), trebuie furnizate etichete, instrucțiuni și chiar exemple, acolo unde este posibil.
  
  
• 1.12.3. [AA] Sugerare soluții pentru rezolvarea erorilor: Dacă sunt detectate erori de validare, acestea trebuie marcate clar. Este obligatoriu ca utilizatorului să i se ofere posibilitatea de a accesa rapid elementul cu probleme, de a repara problema și de a retrimite formularul.
  
  
• 1.12.4. [AA] Prevenirea erorilor (legal, financiar, date): În cazul paginilor care implică responsabilități legale, tranzacții financiare, modificarea datelor personale sau trimiterea de răspunsuri la teste, trebuie să existe un mecanism pentru cel puțin una dintre următoarele:
  
  
  • Reversibilitate: Datele trimise pot fi anulate sau modificate.
    
    
  • Verificare: Datele sunt verificate, iar utilizatorul poate corecta erorile înainte de trimitere.
    
    
  • Confirmare: Utilizatorului i se oferă posibilitatea de a revedea, confirma și corecta datele înainte de a finaliza acțiunea.
    
    
• 1.12.5. [AAA] Ajutor contextual: Orice acțiune pe care o poate efectua utilizatorul trebuie să fie însoțită de explicații contextuale, adiacente și suficient de informative.
  
  
• 1.12.6. [AAA] Prevenirea erorilor (completă): Pentru orice pagină pe care se pot introduce date, trebuie să existe toate cele trei mecanisme: reversibilitate, verificare și confirmare.
  
  

Cum asigură Wawsome comprehensibilitatea

‍

Wawsome abordează direct provocările comprehensibilității. Widget-ul nostru include un dicționar integrat care explică automat jargonul, termenii complecși și acronimele, asigurând că toți utilizatorii înțeleg textul. Mai mult, Wawsome îmbunătățește formularele, oferind etichete clare, instrucțiuni precise și validare a erorilor în timp real, cu sugestii de corectare. Acest lucru minimizează frustrarea și ajută utilizatorii să finalizeze cu succes acțiunile, făcând site-ul dvs. nu doar accesibil, ci și cu adevărat prietenos.

‍

Concluzie

‍

Un site web poate fi perceput și operat, dar dacă nu este și comprehensibil, utilizatorii vor fi în continuare pierduți. Implementarea acestui principiu asigură că mesajul dvs. este clar, interacțiunile sunt intuitive, iar experiența generală este una pozitivă și fără efort.

‍

Am acoperit trei dintre cele patru principii. În ultimul articol din această serie, vom explora principiul final: Robust. Vom discuta despre cum să vă asigurați că site-ul dvs. rămâne accesibil pe măsură ce tehnologiile și dispozitivele evoluează.