Pachet de ore
Un număr de ore de consultanță folosite la nevoie, pe e-mail sau în sesiuni video.
Serviciu
Asistență pentru echipele de dezvoltare
Lucrăm alături de dezvoltatorii tăi: explicăm fiecare problemă, propunem soluții corecte și verificăm implementarea.
Un raport de audit este util doar dacă problemele ajung să fie rezolvate. Echipele de dezvoltare au adesea întrebări: de ce este o problemă, care este soluția corectă pentru componenta lor, dacă un atribut ARIA ajută sau încurcă. Serviciul nostru de asistență răspunde exact acestor întrebări.
Remedierea pornește de cele mai multe ori de la HTML semantic: butoane reale, etichete legate de câmpuri, texte alternative. Abia apoi intervin atributele ARIA, acolo unde HTML-ul nativ nu este suficient.
Cum ajutăm echipa
Prezentarea raportului
Parcurgem împreună raportul și explicăm impactul fiecărei categorii de probleme asupra utilizatorilor.
Plan de remediere
Grupăm problemele pe componente și șabloane, ca o corectură să rezolve cât mai multe apariții.
Răspunsuri și exemple
Răspundem la întrebări pe parcurs și oferim exemple de cod adaptate tehnologiei folosite.
Revizuirea soluțiilor
Verificăm soluțiile propuse înainte de lansare, pentru a evita corecturi care creează alte probleme.
Retestare
Confirmăm rezolvarea cu aceleași tehnologii asistive folosite la audit.
Exemple de remedieri frecvente
Multe probleme se rezolvă folosind elementul HTML potrivit, fără cod suplimentar. Câteva exemple:
<!-- Greșit: element neinteractiv folosit ca buton -->
<div class="btn" onclick="adaugaInCos()">Adaugă în coș</div>
<!-- Corect: butonul nativ e accesibil implicit de la tastatură -->
<button type="button" onclick="adaugaInCos()">Adaugă în coș</button>
<!-- Buton doar cu pictogramă: are nevoie de un nume accesibil -->
<button type="button" aria-label="Închide fereastra">
<svg aria-hidden="true" focusable="false">...</svg>
</button>
<!-- Mesaj de eroare legat de câmp și anunțat -->
<label for="cnp">Cod numeric personal</label>
<input id="cnp" aria-invalid="true" aria-describedby="cnp-err">
<p id="cnp-err">Codul trebuie să aibă 13 cifre.</p>
Prima regulă ARIA: dacă poți folosi un element HTML nativ cu semantica și comportamentul de care ai nevoie, folosește-l în locul unui element modificat cu ARIA. ARIA adăugat greșit face adesea mai mult rău decât bine.
Tehnologii cu care lucrăm
Oferim recomandări pentru HTML, CSS și JavaScript, pentru framework-uri precum React, Vue, Angular și Svelte, pentru platforme precum WordPress, Shopify, Magento sau Drupal și pentru aplicații mobile native și multiplatformă.
Formate de colaborare
Sesiuni de lucru
Întâlniri periodice cu echipa, în care discutăm și rezolvăm problemele pe rând.
Revizuire de cod
Analizăm componentele noi înainte de lansare și semnalăm problemele din timp.
Hai să facem site-ul tău accesibil
Spune-ne ce platformă ai și ce termene urmărești. Revenim cu o propunere clară, adaptată proiectului tău.
Cere o ofertă
sau scrie-ne direct la contact@datapulse.ro