Raport de remediere

Raport de remediere a accesibilității

Vă testăm site-ul după WCAG 2.2 A și AA într-un browser real, parcurgem traseul principal doar cu tastatura (pe un magazin, până la butonul de finalizare a comenzii) și îi oferim dezvoltatorului dumneavoastră modificarea pentru fiecare barieră, construită din propriul markup.

  • Până la 25 de pagini testate
  • Test de parcurs cu tastatura
  • 5 retestări incluse

Ce verificăm

  • Regulile WCAG 2.2 A și AA

    Teste automate axe-core pe paginile-cheie și pe până la 20 de pagini suplimentare din sitemap: text alternativ, contrastul culorilor, nume pentru butoane și linkuri, etichete de formular, titluri, repere (landmarks) și ARIA.

  • Test de parcurs cu tastatura

    Doar cu tastatura: pe un magazin, de la pagina principală la produs, opțiuni, Adaugă în coș și coș, cu oprire la butonul de finalizare a comenzii; pe alte site-uri, de la pagina principală la pagina-cheie, la îndemnul principal la acțiune și la câmpurile formularului. Nu se trimite niciodată nimic.

  • Capcane de focus și focus vizibil

    Dacă focusul rămâne blocat, de exemplu într-un banner de cookie-uri, și dacă vizitatorii pot vedea unde se află.

  • Rearanjare pe telefon la 320 px

    Dacă paginile necesită derulare pe orizontală pe un telefon mic (WCAG 1.4.10).

  • Harta acuzațiilor din scrisoarea de somație

    Dacă lipiți o scrisoare, fiecare acuzație este comparată cu ce au reprodus testele noastre, cu numărul de apariții pe fiecare pagină.

  • Elemente pentru verificare umană

    Ce semnalează testele, dar nu pot decide, cum ar fi textul peste imagini, cu modul de verificare pentru fiecare.

Ce primiți

  • O listă prioritizată: de remediat întâi, de remediat apoi, de îmbunătățit
  • Cod înainte și după, construit din fiecare element cu probleme
  • Pași pentru Shopify, WordPress, WooCommerce sau platforma pe care o detectăm
  • Un prompt AI gata făcut pentru fiecare constatare
  • Capturi de ecran cu elementul problematic conturat
  • Un proiect de declarație de accesibilitate și un jurnal de dovezi
  • 5 retestări pentru confirmarea remedierilor și un PDF

Cum se realizează raportul

  1. 1

    Cele cinci pagini din scanarea gratuită, plus până la 20 de pagini suplimentare din sitemap, sunt încărcate în Chromium și testate cu axe-core.

  2. 2

    O sesiune de browser separată parcurge traseul principal al site-ului doar cu tastatura și înregistrează fiecare pas, cu o captură de ecran acolo unde ceva eșuează.

  3. 3

    Pentru fiecare problemă se scrie o remediere pentru platforma dumneavoastră, apoi raportul este asamblat și vă este trimis pe e-mail.

Constatări din raportul exemplu

Rezultat real pentru Harbor & Pine, un magazin fictiv pe care l-am creat cu probleme frecvente.

Deschideți raportul exemplu complet
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

Ce nu acoperă

  • Rezultatul cititoarelor de ecran, subtitrările și audiodescrierea (este inclusă o listă de verificare manuală)
  • Finalizarea comenzii, plata și trimiterea formularelor
  • Paginile protejate de autentificare
  • Consultanță juridică sau un certificat de conformitate ADA ori EAA

Întrebări despre acest raport

Este un audit WCAG complet?

Este un audit automat plus un test de parcurs cu tastatura. Testele automate găsesc doar o parte din problemele WCAG ale unui site, așa că raportul enumeră și ce necesită o verificare umană și cum se face.

Mă ajută în cazul unei scrisori de somație ADA?

Dacă lipiți scrisoarea, raportul arată ce acuzații reproduc testele noastre pe site-ul dumneavoastră, cu dovezi. Este o evidență factuală, nu consultanță juridică; discutați cu un avocat despre scrisoarea în sine.

Pentru ce platforme funcționează codul?

Remedierile sunt scrise pentru platforma pe care o detectăm: teme Shopify, WordPress și WooCommerce, Webflow, BigCommerce, Wix, Squarespace, framework-uri precum Next.js sau HTML simplu. Acolo unde nu vă putem vedea codul sursă, locațiile fișierelor sunt date ca indicii.

Ce sunt cele 5 retestări?

După ce dezvoltatorul face modificările, puteți rula din nou aceleași verificări din raport, de până la cinci ori, și puteți vedea ce probleme nu mai sunt reproduse.

Ghiduri conexe

Alte rapoarte

Scanați-vă site-ul chiar astăzi

Găsiți. Remediați. Verificați.

Ce tip de site este acesta?

Răspunsul dumneavoastră alege verificările potrivite, cum ar fi traseul de cumpărare pentru magazinele online. Verificăm totuși indiciile site-ului și le arătăm pe amândouă.

Ce tip de site este acesta?

Scanare gratuită. Nu este nevoie de card de credit.