--- title: "E-learning accesibil: verificări WCAG 2.2 AA pentru cursuri, teste și forumuri | R&D COPILOT" lang: ro canonical: https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/ content_version: 406efa8b1f30597c7649048ac727af0487baefe31275939b9a7f379642aa5d46 contact: https://rdcopilot.com/ro/contact/ --- [RDC](https://rdcopilot.com/ro/) [Resurse](https://rdcopilot.com/ro/insights/)eLearning eLearningGhid practic # E-learning accesibil: verificări WCAG 2.2 AA pentru cursuri, teste și forumuri Un curs online este gata abia când fiecare cursant îl poate parcurge până la capăt. Problemele de accesibilitate din e-learning vin rar dintr-o singură greșeală mare; apar dintr-un test cu tragere și plasare care cere mouse, dintr-un videoclip fără subtitrări sau dintr-un editor de forum pe care cititorul de ecran nu îl poate anunța. Verificările de mai jos urmează nivelul AA din WCAG 2.2, care pornește de la criteriile WCAG 2.1 AA la care face trimitere standardul european EN 301 549, și sunt scrise pentru cei care creează, aleg și întrețin cursuri. De R&D COPILOT7 octombrie 20265 min de lectură În acest ghid 1. [Subtitrări, transcrieri și descriere audio](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-section-1) 2. [Navigare cu tastatura în teste, încărcări și playere](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-section-2) 3. [Contrast, focus și aspect lizibil](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-section-3) 4. [Text alternativ și structură în editor](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-section-4) 5. [Forumuri și spații de comunitate](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-section-5) 6. [Aceeași experiență pe mobil](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-section-6) 7. [Cum auditezi un catalog de cursuri](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-section-7) 8. [Accesibilitatea în RDCopilot eLearning](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-section-8) [Surse și inspirație](https://rdcopilot.com/ro/insights/elearning-wcag-accessibility-checks/#guide-sources) ## Subtitrări, transcrieri și descriere audio Fiecare videoclip preînregistrat cu vorbire are nevoie de subtitrări sincronizate. Subtitrările automate sunt o primă variantă utilă, dar numele, termenii de produs și cifrele trebuie corectate de un om înainte de publicare, pentru că o cifră greșită într-o lecție de siguranță sau de conformitate este o eroare de conținut, nu una estetică. Adaugă o transcriere text sub fiecare lecție video și audio. Transcrierile îi ajută pe cursanții surzi sau cu deficiențe de auz, pe cei cu conexiuni lente și pe oricine vrea să caute sau să parcurgă rapid conținutul. Când o informație importantă apare doar vizual, de exemplu o diagramă desenată sau un pas demonstrat fără explicații, descrie-o în narațiune sau oferă descriere audio, cerută de WCAG 2.2 la nivelul AA pentru videoclipurile preînregistrate. ## Navigare cu tastatura în teste, încărcări și playere Lasă mouse-ul deoparte și parcurge un curs întreg cu Tab, Shift+Tab, Enter, Space și săgețile. Ar trebui să poți porni lecția, reda și opri videoclipul, răspunde la fiecare tip de întrebare, încărca o temă și trimite, fără să rămâi blocat într-un player încorporat. Focusul trebuie să fie mereu vizibil și să nu fie ascuns de anteturi fixe sau ferestre de chat, verificare adăugată explicit în WCAG 2.2. Întrebările cu tragere și plasare sunt cea mai frecventă problemă. WCAG 2.2 cere o alternativă cu un singur indicator pentru mișcările de tragere, așa că oferă o variantă a aceleiași întrebări cu selectare și plasare sau cu listă derulantă. Testele cronometrate au nevoie de o opțiune prin care cursantul să prelungească sau să dezactiveze limita, cu excepția cazului în care timpul face parte din ceea ce evaluezi. Elementele pe care se dă clic trebuie să aibă cel puțin 24 × 24 pixeli CSS sau suficient spațiu în jur. ## Contrast, focus și aspect lizibil Textul obișnuit are nevoie de un raport de contrast de cel puțin 4,5:1 față de fundal, iar textul mare de cel puțin 3:1. Elementele de interfață care transmit un sens, cum ar fi marginile opțiunilor dintr-un test, barele de progres și indicatorii de focus, au nevoie de cel puțin 3:1 față de culorile vecine. Nu te baza doar pe culoare pentru feedback: un răspuns greșit trebuie să spună „Incorect” în text, nu doar să devină roșu. Cursurile trebuie să funcționeze în continuare când textul este mărit la 200% și când ecranul are 320 de pixeli CSS lățime, fără să oblige cursantul să deruleze în două direcții. Pachetele bazate pe diapozitive exportate la dimensiune fixă pică adesea această verificare; preferă exportul responsive din instrumentul de creare sau construiește lecțiile importante direct în platformă. ## Text alternativ și structură în editor Autorii decid cea mai mare parte din accesibilitatea unui curs, așa că editorul trebuie să facă alegerea corectă ușoară. Cere text alternativ la fiecare imagine inserată, cu o opțiune clară de a marca imaginile pur decorative. Textul alternativ descrie rolul imaginii în context: „Prindere corectă a mânerului, cu degetul mare deasupra” este util, „imagine1.png” nu este. Folosește titluri reale pentru structura lecției, liste reale pentru pași și tabele reale pentru comparații, nu text îngroșat sau imagini cu tabele. Linkurile trebuie să spună unde duc. Materialele PDF au nevoie de etichete și ordine de citire sau de o versiune HTML accesibilă a aceluiași conținut. ## Forumuri și spații de comunitate Spațiile de discuții sunt locul unde accesibilitatea este uitată cel mai des. Editorul de text trebuie să poată fi folosit cu tastatura și să-și anunțe butoanele de formatare cititoarelor de ecran. Răspunsurile noi și notificările de moderare trebuie anunțate discret, fără să mute focusul de unde cursantul scrie. Erorile din formulare trebuie descrise în text lângă câmp, iar publicarea nu trebuie să depindă niciodată de rezolvarea unui puzzle vizual. Autentificarea trebuie să permită managerele de parole și lipirea codurilor, aspect acoperit de WCAG 2.2 la autentificarea accesibilă. Păstrează ajutorul în același loc pe fiecare pagină, ca un cursant să știe mereu unde poate întreba. ## Aceeași experiență pe mobil Mulți cursanți parcurg instruirile obligatorii pe telefon. Orice activitate disponibilă pe desktop trebuie să funcționeze și pe mobil, cu același rezultat înregistrat, inclusiv încărcările și testele. Testează cu VoiceOver pe iOS și TalkBack pe Android, în modul portret și peisaj, și confirmă că mărirea cu două degete nu este dezactivată. ## Cum auditezi un catalog de cursuri Combină verificările automate cu testarea manuală. Instrumentele automate găsesc rapid atributele alt lipsă și contrastul slab, dar doar un om poate aprecia dacă textul alternativ are sens sau dacă un flux cu tastatura este logic. Un audit practic alege un eșantion reprezentativ: câte un curs din fiecare șablon, fiecare tip de întrebare, forumul, autentificarea și descărcarea certificatului. - Subtitrări verificate de un om la fiecare videoclip; transcrieri publicate. - Curs întreg parcurs doar cu tastatura, cu focusul mereu vizibil. - Fiecare întrebare cu tragere și plasare are o alternativă cu un singur indicator. - Testele cronometrate permit prelungirea sau dezactivarea limitei. - Contrast text ≥ 4,5:1, contrast interfață ≥ 3:1, feedback nu doar prin culoare. - Aspectul funcționează la mărire 200% și la 320 de pixeli CSS lățime. - Imaginile au text alternativ cu sens sau sunt marcate decorative. - Editorul de forum, erorile și autentificarea funcționează cu cititorul de ecran. - Rezultatele se înregistrează la fel pe mobil și pe desktop. ## Accesibilitatea în RDCopilot eLearning RDCopilot eLearning este construit conform WCAG 2.2 AA și EN 301 549: tipuri de întrebări gândite pentru tastatură, cu alternative la tragere, subtitrări și transcrieri pentru lecțiile video, solicitări de text alternativ în editor, focus vizibil și spații de discuții moderate care funcționează cu cititoarele de ecran. Cursanții se autentifică cu contul RDCopilot, iar progresul lor ajunge în HR și în Rapoarte la fel, indiferent de dispozitivul folosit. Când aduci cursuri existente, aplicăm auditul de mai sus pe un eșantion în etapa de configurare și listăm ce trebuie corectat în pachetele sursă. Configurarea se plătește o singură dată; licența lunară include găzduirea în UE, actualizările, backupul și suportul, iar corecturile suplimentare se facturează la un tarif orar fix. Urmărește referințele ## Surse și inspirație ### [Vertex A11y](https://devpost.com/software/vertex-a11y) Proiect Devpost creat de Conner Li, Deepesh Raj, Karan Pratap Singh, Nouman Kabir O extensie de browser care rulează verificări automate pentru text alternativ, contrast, navigare cu tastatura, formulare și subtitrări, aceleași zone pe care această listă le cere echipelor de cursuri. Acest proiect independent este creditat ca sursă de inspirație. Fluxul de lucru și recomandările de implementare din articol reprezintă analiza RDC. - [Web Content Accessibility Guidelines (WCAG) 2.2 — W3C](https://www.w3.org/TR/WCAG22/) - [What’s new in WCAG 2.2 — W3C WAI](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/) - [Making audio and video media accessible — W3C WAI](https://www.w3.org/WAI/media/av/) - [Images tutorial — W3C WAI](https://www.w3.org/WAI/tutorials/images/) - [Evaluating web accessibility — W3C WAI](https://www.w3.org/WAI/test-evaluate/) - [ETSI EN 301 549 V3.2.1](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf) Aplică ghidul ## Pornim de la fluxul tău. Spune-ne ce trebuie să facă echipa, ce sisteme sunt implicate și unde încetinește procesul actual. [Discută proiectul](https://rdcopilot.com/ro/contact/?product=elearning) [Explorează eLearning](https://elearning.rdcopilot.com/ro/) eLearning ## Continuă explorarea. [Toate ghidurile](https://rdcopilot.com/ro/insights/) Ghid de decizie ### [SCORM 2004, xAPI sau ambele? Standarde e-learning care îți păstrează cursurile portabile](https://rdcopilot.com/ro/insights/elearning-scorm-xapi-course-portability/) Compară SCORM 1.2, SCORM 2004 și xAPI după ce urmăresc, cum circulă pachetele între instrumente și cum testezi un curs înainte să ajungă la cursanți. [Citește ghidul](https://rdcopilot.com/ro/insights/elearning-scorm-xapi-course-portability/) Flux de lucru ### [Instruiri care ajung în HR: legarea finalizărilor e-learning de dosarul angajatului](https://rdcopilot.com/ro/insights/elearning-training-records-hr/) Transformă finalizările de curs în evidențe HR de încredere: ce conține fiecare înregistrare, alocări pe roluri, alerte de expirare a certificatelor și rapoarte. [Citește ghidul](https://rdcopilot.com/ro/insights/elearning-training-records-hr/)