Asigură-te că toți utilizatorii pot naviga și interacționa cu site-ul tău.
Continuăm seria noastră dedicată accesibilității web cu cel de-al doilea pilon al principiilor POUR: Operabilitate. După ce am stabilit în primul articol că un site trebuie să fie perceptibil, acum este momentul să ne asigurăm că utilizatorii pot și interacționa cu componentele sale. Un site poate avea cel mai clar conținut din lume, dar dacă un utilizator nu poate accesa un meniu, completa un formular sau activa un buton, experiența sa este compromisă.
Ce înseamnă ca un site să fie Operabil?
Principiul Operabilității stipulează că interfața și navigația trebuie să fie funcționale pentru toți. Asta înseamnă că un utilizator trebuie să poată efectua acțiunile necesare folosind o varietate de unelte, nu doar un mouse. Gândiți-vă la persoanele cu dizabilități motorii care se bazează exclusiv pe tastatură sau la utilizatorii care au nevoie de mai mult timp pentru a citi sau completa informații. Un site operabil anticipează și respectă aceste nevoi.
Ghid Tehnic Detaliat pentru Principiul Operabilității
Iată regulile specifice și sfaturile practice pentru a asigura operabilitatea site-ului tău, direct din ghidul oficial:
1.6. Accesibilitate de la tastatură a tuturor funcționalităților
1.6.1. [A] Tastatura
- Toată funcționalitatea unei pagini va fi accesibilă folosind doar tastatura, cu excepția cazurilor limitate de tehnologie (de exemplu, tastatura nu permite realizarea desenelor, caz în care se va folosi un dispozitiv tip tabletă sau drawing pad).
- Această regulă nu interzice și nici nu descurajează utilizarea mouse-ului sau a unor alte forme de interacțiune.
- Dacă o pagină folosește scurtături de tastatură, acestea nu vor intra în conflict cu scurtăturile browser-ului sau ale cititorului de ecran.
1.6.2. [A] Eliminarea blocajelor tastaturii
- Selectarea oricărui element al paginii folosind tastatura (e.g., tasta Tab) nu va duce la blocarea selectorului pe acel element.
1.6.3. [AAA] Tastatura (eliminarea excepțiilor)
- Toată funcționalitatea unei pagini va fi accesibilă folosind doar tastatura, iar pagina nu va avea componente pentru care tastatura nu oferă soluții tehnologice de interacțiune.
1.7. Furnizarea unui timp suficient pentru citire și utilizare conținut
1.7.1. [A] Ajustabilitatea timpului
- Dacă elementele de conținut ale unei pagini impun limite de timp, atunci trebuie să existe mecanisme care să permită:
- Oprirea cronometrului.
- Ajustarea cronometrului cu până la de zece ori durata inițială.
- Extinderea duratei, în urma unui avertisment primit cu cel puțin 20 de secunde înainte de expirarea timpului, printr-o acțiune foarte simplă, cel puțin de zece ori.
- Există excepții pentru evenimente în timp real, când durata nu poate fi modificată, sau când ar invalida activitatea, sau dacă durata este de la început mai mare de 20 de ore.
- Oprirea cronometrului.
1.7.2. [A] Facilități de pauză, oprire și ascundere
- Dacă o pagină conține informație care se află în mișcare sau licărește mai puțin de cinci secunde, atunci trebuie să existe mecanisme care să permită suspendarea, oprirea sau ascunderea acestui conținut.
- O pagină nu trebuie să conțină informație care se află în mișcare sau licărește și care durează mai mult de cinci secunde.
- Elementele de conținut care se actualizează automat (e.g., câmp AJAX) trebuie să poată fi oprite, suspendate sau ascunse, iar intervalul de actualizare trebuie să poată fi ajustat de utilizator.
1.7.3. [AAA] Fără temporizare
- Conținuturile și funcționalitatea unei pagini nu trebuie să aibă limite de timp.
1.7.4. [AAA] Întreruperi
- Întreruperile (e.g., actualizări de pagină, alerte) trebuie să poată fi amânate sau anulate de către utilizator.
1.7.5. [AAA] Re-autentificare
- În momentul expirării unei sesiuni de autentificare, trebuie ca utilizatorul să se poată reautentifica și continua lucrul fără pierderea datelor.
1.8. Evitarea conținutului cauzator de convulsii
1.8.1. [A] Trei sau mai puține impulsuri luminoase
- Nicio pagină nu va avea conținut cu mai mult de trei impulsuri luminoase pe secundă.
- Excepție fac acele conținuturi ale căror impulsuri nu depășesc pragul de luminozitate al impulsurilor generice și nici pragul de luminozitate al impulsurilor de culoare roșie.
1.8.2. [AAA] Trei impulsuri luminoase (eliminarea excepțiilor)
- Nicio pagină nu va avea conținut cu mai mult de trei impulsuri luminoase pe secundă.
1.9. Furnizarea de instrumente pentru a ajuta utilizatorii să navigheze
1.9.1. [A] Salt peste blocuri
- Trebuie să existe un mecanism (de obicei, un link de tip "skiplink") care să permită utilizatorilor să sară peste blocurile de conținut care se repetă (ex: meniuri) și să ajungă direct la conținutul principal.
1.9.2. [A] Titrarea paginilor
- Paginile trebuie să aibă titluri descriptive și informative.
1.9.3. [A] Ordine de selectare
- Ordinea de navigare a legăturilor, elementelor etc. este logică și intuitivă.
1.9.4. [A] Scopul legăturii (în context)
- Scopul fiecărei legături poate fi determinat doar folosind textul legăturii sau folosind textul legături și contextul ei (paragraf, element de listă etc).
1.9.5. [AA] Căi multiple pentru găsirea paginilor pe site
- Pentru a găsi o pagină pe site, utilizatorul poate folosi cel puțin două dintre următoarele mecanisme: listă de pagini înrudite, cuprins, harta site-ului web, căutare pe site, lista tuturor paginilor.
1.9.6. [AA] Titluri și etichete
- Titlurile și etichetele elementelor interactive trebuie să fie informative.
- Titlurile şi etichetele cu acelaşi text trebuie diferenţiate suplimentar.
1.9.7. [AA] Selecție vizibilă
- Trebuie să fie clar vizibil ce element al paginii este selectat la un moment dat.
1.9.8. [AAA] Locație într-o structură complexă
- Dacă pagina curentă este parte a unei structuri complexe (e.g., parte a unui formular cu mai multe pagini înlănțuite) trebuie specificată clar poziția paginii în această structură.
1.9.9. [AAA] Scopul legăturii (fără context)
- Scopul oricărei legături trebuie identificat doar din textul acesteia.
1.9.10. [AAA] Titrarea secțiunilor
- Se vor utiliza titluri informative pentru secțiuni oriunde acest lucru este posibil.
Cum Asigură Wawsome Operabilitatea?
Principiul operabilității este complex, dar Wawsome este aici pentru a simplifica lucrurile. Widget-ul nostru asigură o navigare completă și fluidă de la tastatură, creând automat un sitemap accesibil și optimizând ordinea de focus. Mai mult, profilurile predefinite, precum cel pentru dizabilități motorii, ajustează site-ul pentru a elimina dependența de acțiuni complexe, oferind în același timp un indicator clar și vizibil al focusului. Astfel, fiecare utilizator poate naviga și interacționa cu site-ul tău fără frustrări.
Concluzie
Operabilitatea transformă un site dintr-o pagină statică de informații într-o unealtă interactivă și eficientă pentru toată lumea. Respectând aceste reguli, nu doar că îți extinzi audiența, dar construiești și o platformă robustă, ușor de utilizat, care inspiră încredere.
Acum că am acoperit Perceptibilitatea și Operabilitatea, suntem la jumătatea drumului. În articolul următor, vom explora al treilea principiu: Ușurință de înțelegere (Understandable). Vom discuta despre cum să facem conținutul și funcționalitatea nu doar accesibile, ci și intuitive și previzibile.