Regulile de accesibilitate pe care le verificăm

Nivelul pe care se bazează EN 301 549, EAA, BFSG și ADA. Fiecare astfel de problemă se numără în raport.

• Grav WCAG 2.4.4 A

  Zonele clicabile ale unei imagini nu au descriere

  Pagina folosește o hartă de imagine (o singură imagine împărțită în mai multe zone clicabile), iar unele zone nu au un text care să spună unde duc.

  area-alt

• Moderat WCAG 4.1.2 A

  Atribute de accesibilitate folosite pe elemente nepotrivite

  Unele elemente au atribute de accesibilitate care nu sunt permise pentru tipul lor.

  aria-allowed-attr

• Moderat WCAG 4.1.2 A

  Unele elemente au o etichetă pentru Braille, dar nu au un nume obișnuit

  Unele elemente au o etichetă destinată doar afișajelor Braille (aria-braillelabel sau aria-brailleroledescription), dar le lipsește eticheta sau descrierea obișnuită pe care ar trebui să o completeze.

  aria-braille-equivalent

• Critic WCAG 4.1.2 A

  Butoanele personalizate nu au nume

  Unele elemente care funcționează ca butoane, linkuri sau elemente de meniu sunt construite personalizat și nu au un nume care poate fi citit.

  aria-command-name

• Moderat WCAG 4.1.2 A

  Atributele de accesibilitate sunt folosite în situația greșită

  Unele elemente folosesc atribute de accesibilitate permise pentru tipul lor doar în anumite condiții, de exemplu aria-checked pe o casetă de bifare reală sau atribute de tabel arborescent pe un rând obișnuit de tabel.

  aria-conditional-attr

• Minor WCAG 4.1.2 A

  Unele elemente folosesc roluri de accesibilitate învechite

  Unele elemente folosesc roluri pe care standardul de accesibilitate WAI-ARIA le-a declarat învechite, de exemplu role="directory".

  aria-deprecated-role

• Critic WCAG 1.3.1 A

  Întreaga pagină este ascunsă de cititoarele de ecran

  Elementul <body> al paginii are aria-hidden="true", ceea ce le spune cititoarelor de ecran să ignore tot conținutul.

  aria-hidden-body

• Grav WCAG 4.1.2 A

  Elementele ascunse pot fi totuși accesate cu tastatura

  Unele părți ale paginii sunt ascunse pentru cititoarele de ecran, dar primesc totuși focusul tastaturii.

  aria-hidden-focus

• Critic WCAG 4.1.2 A

  Câmpurile de introducere personalizate nu au etichetă

  Unele câmpuri construite personalizat, cum ar fi o casetă de căutare sau un selector de țară, nu au un nume pe care tehnologiile asistive să îl poată citi.

  aria-input-field-name

• Moderat WCAG 1.1.1 A

  Unii indicatori de nivel nu au nume

  Unele elemente marcate ca indicator de nivel (meter, de exemplu puterea parolei, stocul disponibil sau un rating) nu au un text care să spună ce măsoară.

  aria-meter-name

• Moderat WCAG 1.1.1 A

  Unele bare de progres nu au nume

  Unele elemente marcate ca bară de progres nu au un text care să spună ce arată, de exemplu „mai adăugați 100 lei pentru livrare gratuită”, pașii comenzii sau un indicator de încărcare.

  aria-progressbar-name

• Moderat WCAG 4.1.2 A

  Unele etichete sunt puse acolo unde cititoarele de ecran le ignoră

  Unele elemente folosesc atribute de accesibilitate interzise pentru tipul lor, cel mai des aria-label pe un <div> sau <span> simplu, fără rol.

  aria-prohibited-attr

• Grav WCAG 4.1.2 A

  Controalelor personalizate le lipsesc informații obligatorii

  Unele controale personalizate declară un rol, dar le lipsesc informațiile de care are nevoie acel rol, de exemplu dacă o listă derulantă este deschisă.

  aria-required-attr

• Grav WCAG 1.3.1 A

  Meniurile sau listele personalizate sunt construite greșit

  Unele componente personalizate, cum ar fi meniuri, liste de file (tab-uri) sau liste de opțiuni, nu conțin elementele de care au nevoie.

  aria-required-children

• Moderat WCAG 1.3.1 A

  Elemente de meniu sau file personalizate în afara grupului lor

  Unele elemente personalizate, cum ar fi elemente de meniu, file sau opțiuni, nu se află în interiorul grupului din care fac parte.

  aria-required-parent

• Grav WCAG 4.1.2 A

  Unele elemente folosesc un rol care nu există

  Unele elemente au un atribut role cu o valoare scrisă greșit, inventată sau abstractă, așa că tehnologiile asistive nu pot spune ce sunt.

  aria-roles

• Grav WCAG 4.1.2 A

  Unele comutatoare și casete de bifat nu au nume

  Unele controale de comutare personalizate (casete de bifat, comutatoare, butoane radio sau opțiuni de meniu construite cu roluri ARIA) nu au o etichetă care poate fi citită.

  aria-toggle-field-name

• Moderat WCAG 4.1.2 A

  Unele indicii (tooltip-uri) sunt goale

  Unele elemente marcate ca indicii (role="tooltip") nu conțin text care poate fi citit.

  aria-tooltip-name

• Grav WCAG 4.1.2 A

  Atributele de accesibilitate sunt scrise greșit

  Unele atribute încep cu "aria-", dar nu sunt atribute ARIA reale, de obicei din cauza unei greșeli de scriere.

  aria-valid-attr

• Grav WCAG 4.1.2 A

  Atributele de accesibilitate au valori greșite

  Unele atribute de accesibilitate din cod au valori care nu sunt permise sau indică elemente care nu există.

  aria-valid-attr-value

• Moderat WCAG 1.3.5 AA

  Câmpurile din formulare nu se completează automat

  Unele câmpuri din formulare folosesc valori autocomplete invalide sau nepotrivite cu câmpul, așa că browserele nu le pot completa.

  autocomplete-valid

• Moderat WCAG 1.4.12 AA

  Spațierea textului nu poate fi ajustată

  La o parte din text, spațierea dintre rânduri, litere sau cuvinte este blocată cu !important într-un atribut style, așa că cititorii nu o pot schimba din propriile setări.

  avoid-inline-spacing

• Minor WCAG 2.2.2 A

  Pagina folosește markup învechit pentru text care clipește

  Pagina conține vechiul element <blink>, creat pentru ca textul să clipească.

  blink

• Critic WCAG 4.1.2 A

  Unele butoane nu au nume

  Unele butoane nu au o etichetă care poate fi citită, de exemplu un buton doar cu pictogramă pentru „adaugă în coș”, căutare sau meniu.

  button-name

• Grav WCAG 2.4.1 A

  Nu există o cale rapidă către conținutul principal

  Pagina nu are un link de salt, un titlu sau o zonă main care să le permită utilizatorilor de tastatură și de cititoare de ecran să sară peste antet și meniu.

  bypass

• Grav WCAG 1.4.3 AA

  Textul este greu de citit din cauza contrastului scăzut

  Unele texte sunt prea deschise la culoare față de fundal, de exemplu text gri pe alb sau text alb pe un buton pal.

  color-contrast

• Grav WCAG 1.3.4 AA

  Site-ul funcționează doar într-o singură orientare a ecranului

  Stilurile site-ului forțează pagina doar în modul portret sau doar în modul peisaj, așa că atunci când telefonul sau tableta este ținută altfel, conținutul se rotește, este tăiat sau dispare.

  css-orientation-lock

• Minor WCAG 1.3.1 A

  O listă de denumiri și valori este construită greșit

  O listă de descrieri (<dl>), folosită adesea pentru specificațiile produsului sau opțiunile alese, conține elemente în locul ori în ordinea greșită.

  definition-list

• Minor WCAG 1.3.1 A

  O denumire sau o valoare se află în afara listei sale

  Un element <dt> sau <dd> (o denumire sau o valoare, adesea în specificațiile produsului) nu se află într-o listă de descrieri <dl>.

  dlitem

• Moderat WCAG 2.4.2 A

  Pagina nu are titlu

  Pagina nu are un titlu în cod, așa că filele browserului, marcajele și cititoarele de ecran nu afișează nimic util.

  document-title

• Grav WCAG 4.1.2 A

  Unele etichete indică elementul greșit

  Mai multe elemente au același id, iar acest id este folosit pentru a lega o etichetă, o descriere sau un mesaj de eroare de un câmp ori de un control.

  duplicate-id-aria

• Moderat WCAG 3.3.2 A

  Unele câmpuri de formular au mai multe etichete

  Un câmp de formular, de exemplu e-mail, cantitate sau adresă, este legat de două sau mai multe elemente <label>.

  form-field-multiple-labels

• Grav WCAG 2.1.1 A

  Utilizatorii de tastatură nu pot ajunge la conținutul încorporat

  Un cadru încorporat (iframe) conține linkuri, butoane sau câmpuri de formular, dar cadrul are tabindex="-1", ceea ce îl scoate din ordinea de navigare cu tastatura.

  frame-focusable-content

• Moderat WCAG 4.1.2 A

  Conținutul încorporat nu are nume

  Un cadru încorporat (iframe), cum ar fi un video, o hartă, un chat sau un widget de plată, nu are un titlu care să îl descrie.

  frame-title

• Moderat WCAG 4.1.2 A

  Mai multe cadre încorporate au același nume

  Două sau mai multe cadre încorporate (iframe) de pe pagină au același title, deși afișează conținut diferit, de exemplu mai multe videoclipuri de produs numite toate „YouTube video player”.

  frame-title-unique

• Grav WCAG 3.1.1 A

  Pagina nu indică în ce limbă este scrisă

  Pagina nu își declară limba, așa că tehnologiile asistive trebuie să ghicească cum se pronunță textul.

  html-has-lang

• Grav WCAG 3.1.1 A

  Setarea de limbă a paginii este greșită

  Pagina declară un cod de limbă care nu există, de exemplu o greșeală de scriere sau o valoare inventată.

  html-lang-valid

• Moderat WCAG 3.1.1 A

  Pagina declară două limbi diferite

  Eticheta <html> a paginii are atât atributul lang, cât și xml:lang, iar acestea indică limbi diferite, de exemplu lang="de" și xml:lang="en".

  html-xml-lang-mismatch

• Grav WCAG 1.1.1 A

  Imaginile nu au descriere text

  Unele imagini nu au text alternativ, așa că persoanele care nu le pot vedea nu primesc nicio informație despre ce arată.

  image-alt

• Critic WCAG 4.1.2 A

  Unele butoane de formular nu au nume

  Unele butoane create cu <input type="button">, "submit" sau "reset" nu au text care poate fi citit, de exemplu un buton de căutare sau de abonare la newsletter doar cu pictogramă ori cu value gol.

  input-button-name

• Critic WCAG 1.1.1 A

  Un buton-imagine nu are descriere text

  Un buton realizat dintr-o imagine nu are alternativă text, așa că nu este clar ce face.

  input-image-alt

• Critic WCAG 4.1.2 A

  Câmpurile din formulare nu au etichetă

  Unele câmpuri din formulare nu au o etichetă pe care tehnologiile asistive să o poată citi, așa că nu este clar ce trebuie completat în ele.

  label

• Moderat WCAG 2.5.3 A

  Numele ascuns al butoanelor diferă de textul vizibil

  Unele butoane sau linkuri afișează un text pe ecran, dar au un alt nume ascuns (aria-label) care nu conține cuvintele vizibile, de exemplu un buton „Cumpără acum” cu numele „Trimite”.

  label-content-name-mismatch

• Moderat WCAG 1.4.1 A

  Linkurile din text arată ca textul obișnuit

  Unele linkuri din paragrafe se disting doar prin culoare, fără subliniere sau alt semn vizibil.

  link-in-text-block

• Grav WCAG 2.4.4 A

  Unele linkuri nu spun unde duc

  Unele linkuri nu au text care poate fi citit; adesea sunt pictograme precum un coș, o inimă sau un logo fără etichetă text.

  link-name

• Minor WCAG 1.3.1 A

  O listă este construită greșit

  O listă cu marcatori sau numerotată conține elemente care nu au voie să stea direct în interiorul unei liste.

  list

• Minor WCAG 1.3.1 A

  Un element de listă se află în afara unei liste

  Un element marcat ca element de listă nu se află în interiorul unei liste, așa că structura se pierde.

  listitem

• Moderat WCAG 2.2.2 A

  Un text se derulează și nu poate fi oprit

  Pagina folosește elementul învechit <marquee>, de obicei o bandă derulantă de tipul „Livrare gratuită peste 200 lei” sau un anunț de reduceri.

  marquee

• Grav WCAG 2.2.1 A

  Pagina se reîncarcă sau redirecționează singură

  Pagina folosește <meta http-equiv="refresh"> cu întârziere, astfel încât după câteva secunde sau minute se reîncarcă singură ori trece la altă adresă fără ca clientul să fi cerut acest lucru.

  meta-refresh

• Grav WCAG 1.4.4 AA

  Vizitatorii nu pot mări pagina pe mobil

  Pagina le cere browserelor de pe mobil să blocheze sau să limiteze mărirea cu două degete (pinch-to-zoom).

  meta-viewport

• Grav WCAG 4.1.2 A

  Elemente pe care se poate da clic sunt incluse unele în altele

  Unele elemente pe care se poate da clic se află în interiorul altor astfel de elemente, de exemplu un buton de wishlist într-un card de produs care este el însuși un link.

  nested-interactive

• Moderat WCAG 1.4.2 A

  Unele videoclipuri sau sunete pornesc singure, cu sonor

  Un element video sau audio pornește singur și cu sonor, de exemplu un videoclip din bannerul principal, un videoclip de produs sau muzică de fundal, și poate fi greu de oprit.

  no-autoplay-audio

• Moderat WCAG 1.1.1 A

  Unele fișiere sau conținuturi media încorporate nu au descriere text

  Conținutul încorporat cu eticheta <object>, de exemplu un tabel de mărimi PDF, un catalog, un vizualizator interactiv sau conținut media mai vechi, nu are un text care să spună ce este.

  object-alt

• Moderat WCAG 1.3.1 A

  Unele titluri sunt doar text îngroșat sau mare

  Unele paragrafe arată ca titluri pentru că sunt îngroșate, cursive sau mai mari, dar în cod sunt text obișnuit, nu titluri reale.

  p-as-heading

• Moderat WCAG 1.1.1 A

  Unele elemente grafice nu au descriere text

  Unele elemente sunt marcate ca imagini, dar nu au alternativă text, de exemplu stelele de evaluare sau grafice de tip pictogramă.

  role-img-alt

• Grav WCAG 2.1.1 A

  Unele zone derulante nu pot fi folosite cu tastatura

  Unele casete din pagină au derulare, dar cei care folosesc tastatura nu pot intra în ele ca să le deruleze.

  scrollable-region-focusable

• Critic WCAG 4.1.2 A

  O listă derulantă nu are etichetă

  O listă derulantă nu are o etichetă pe care tehnologiile asistive să o poată citi.

  select-name

• Minor WCAG 2.1.1 A

  O imagine pe care se poate da clic funcționează doar cu mouse-ul

  Pagina folosește o hartă de imagine pe server: o imagine cu link la care serverul decide ce se deschide în funcție de locul exact al clicului, de exemplu o hartă veche a magazinelor sau o imagine de catalog pe care se poate da clic.

  server-side-image-map

• Grav WCAG 4.1.2 A

  Unele secțiuni extensibile nu au nume

  Antetul pe care se dă clic al unei secțiuni extensibile (un element <summary>) nu are text care poate fi citit, de exemplu un acordeon cu detalii de produs, un grup de filtre, o întrebare din FAQ sau un meniu deschis printr-o pictogramă.

  summary-name

• Moderat WCAG 1.1.1 A

  Unele grafice vectoriale nu au descriere text

  Unele grafice SVG, cum ar fi logouri, pictograme sau insigne, sunt marcate ca imagini, dar nu au alternativă text.

  svg-img-alt

• Minor WCAG 1.3.1 A

  Titlul unui tabel este scris într-o celulă a tabelului

  Un tabel de date, de exemplu un tabel de mărimi sau o listă de prețuri, are titlul într-un prim rând de celule îmbinate în loc de o legendă corectă a tabelului.

  table-fake-caption

• Moderat WCAG 2.5.8 AA

  Butoanele și linkurile sunt prea mici pentru a fi atinse ușor

  Unele butoane sau linkuri sunt mai mici de 24 pe 24 de pixeli și prea apropiate de elementele vecine.

  target-size

• Moderat WCAG 1.3.1 A

  Tabelele mari au celule fără antete

  Un tabel de date mai mare (peste 3 pe 3 celule), de exemplu un tabel de mărimi, de specificații sau de costuri de livrare, nu are celule de antet, așa că valorile nu sunt legate de ceea ce înseamnă.

  td-has-header

• Moderat WCAG 1.3.1 A

  Unele celule de tabel trimit la antete greșite

  Un tabel, de exemplu un tabel de mărimi, de specificații sau de costuri de livrare, leagă celulele de antete prin atributul headers, dar unele dintre aceste legături nu trimit la celule de antet din același tabel.

  td-headers-attr

• Moderat WCAG 1.3.1 A

  Unele antete de tabel nu descriu nicio dată

  Un tabel are celule de antet (<th>) care nu sunt legate de nicio celulă de date, de exemplu un rând de antet gol într-un tabel de mărimi sau un tabel care folosește <th> doar pentru text îngroșat.

  th-has-data-cells

• Moderat WCAG 3.1.2 AA

  O parte din text are un cod de limbă greșit

  O parte a paginii, de exemplu un selector de limbă, un citat sau un bloc de text în altă limbă, declară un cod de limbă care nu există, cum ar fi „ua” în loc de „uk” sau un cod scris greșit.

  valid-lang

• Grav WCAG 1.2.2 A

  Videoclipurile nu au subtitrări

  Un videoclip de pe pagină, de exemplu o prezentare de produs, un videoclip de brand sau un scurt tutorial, nu are o pistă de subtitrări.

  video-caption

Cel mai înalt nivel WCAG. Legile nu îl cer; în raport apare ca recomandări.

• Minor WCAG 1.4.6 AAA

  Textul nu atinge nivelul de contrast ridicat (AAA)

  Unele texte îndeplinesc nivelul de bază al contrastului, dar nu pe cel mai strict: 7:1 pentru text normal și 4.5:1 pentru text mare. Este o practică recomandată dincolo de WCAG AA, nu o cerință obligatorie.

  color-contrast-enhanced

• Minor WCAG 2.4.9 AAA

  Linkuri cu același text duc în locuri diferite

  Mai multe linkuri de pe pagină au același text, de exemplu „Citește mai mult” sau „Cumpără acum”, dar duc la pagini diferite. Aceasta este o recomandare de nivel AAA din WCAG, peste nivelul AA pe care se bazează legea.

  identical-links-same-purpose

• Minor WCAG 2.2.4 AAA

  Pagina se reîncarcă singură după un timp, chiar și lung

  Pagina folosește <meta http-equiv="refresh"> ca să se reîncarce sau să treacă la altă adresă după o întârziere. Evitarea oricărei reîmprospătări temporizate, chiar și cu întârzieri de multe ore, este o recomandare de nivel AAA din WCAG, peste nivelul AA pe care se bazează legea.

  meta-refresh-no-exceptions

Nu sunt cerințe WCAG, dar fac site-ul mai ușor de folosit cu un cititor de ecran sau cu tastatura. Apar ca recomandări.

• Minor

  Mai multe elemente folosesc aceeași scurtătură de tastatură

  Pagina definește scurtături de tastatură cu atributul accesskey, iar două sau mai multe elemente au aceeași tastă. Aceasta este o practică recomandată, nu o cerință WCAG de nivel AA.

  accesskeys

• Minor

  Un element are un rol care nu i se potrivește

  Un element HTML are un atribut role care nu este permis pentru acel element, de exemplu un <button> marcat ca titlu sau un meniu <nav> marcat ca buton. Aceasta este o practică recomandată, nu o cerință WCAG de nivel AA în sine, dar indică adesea alte probleme.

  aria-allowed-role

• Moderat

  O fereastră pop-up nu are nume

  O fereastră de dialog, cum ar fi coșul glisant, bannerul de cookie-uri, pop-up-ul de newsletter sau vizualizarea rapidă a produsului, are role="dialog" sau role="alertdialog", dar nu are un nume accesibil. Aceasta este o practică recomandată, nu o cerință WCAG de nivel AA în sine.

  aria-dialog-name

• Moderat

  Un bloc de text ascunde linkurile sau butoanele din interior

  Un element cu role="text" conține un link, un buton sau alt element care poate primi focus. role="text" este un rol nestandard care le cere unor cititoare de ecran să citească tot conținutul ca text simplu. Aceasta este o practică recomandată, nu o cerință WCAG de nivel AA.

  aria-text

• Moderat

  Elementele unui meniu arborescent nu au nume

  Unele elemente dintr-un meniu sub formă de arbore, de exemplu un arbore de categorii extensibil, nu au un text pe care tehnologiile asistive să îl poată citi. Este o practică recomandată, nu o cerință WCAG de nivel AA.

  aria-treeitem-name

• Minor

  Un titlu de pe pagină este gol

  Pagina conține un titlu fără text lizibil, adesea rămas de la un titlu de secțiune gol, un bloc al temei sau un titlu format doar dintr-o pictogramă. Este o practică recomandată, nu o cerință WCAG de nivel AA.

  empty-heading

• Minor

  O celulă de antet a tabelului este goală

  Un tabel are o celulă de antet fără text, de exemplu colțul din stânga sus al unui tabel de mărimi sau o coloană cu butoane de acțiune. Este o practică recomandată, nu o cerință WCAG de nivel AA.

  empty-table-header

• Minor

  Un element accesibil de la tastatură nu spune ce este

  Un element la care se poate ajunge cu tasta Tab, de exemplu un div sau span pe care se poate face clic, nu are un rol care să le spună tehnologiilor asistive că este buton, link sau alt control. axe marchează această verificare ca experimentală, așa că rezultatele trebuie verificate manual. Este o practică recomandată, nu o cerință WCAG de nivel AA.

  focus-order-semantics

• Moderat

  Nivelurile titlurilor sar peste o treaptă

  Titlurile de pe pagină sar peste niveluri, de exemplu de la <h2> direct la <h4>, așa că structura paginii are goluri. Este o practică recomandată, nu o cerință WCAG de nivel AA.

  heading-order

• Minor

  Descrierea imaginii repetă textul de lângă ea

  Textul alternativ al unei imagini este identic cu textul vizibil de lângă ea, de exemplu o fotografie de produs cu textul alternativ „Cămașă albastră din in” într-un link care spune tot „Cămașă albastră din in”. Este o practică recomandată, nu o cerință WCAG de nivel AA.

  image-redundant-alt

• Grav

  Câmpurile formularului nu au o etichetă vizibilă

  Unele câmpuri de formular sunt denumite doar printr-un tooltip (atributul title), o descriere ascunsă sau o etichetă ascunsă, așa că pe ecran nu apare nicio etichetă. Este o bună practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legislația privind accesibilitatea.

  label-title-only

• Minor

  Antetul site-ului se află în interiorul altei zone a paginii

  Zona antetului (reperul „banner” cu logo, căutare și coș) este inclusă în alt reper, de exemplu în conținutul principal sau în navigare, în loc să stea separat în partea de sus a paginii. Este o bună practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legislația privind accesibilitatea.

  landmark-banner-is-top-level

• Minor

  O bară laterală se află în interiorul altei zone a paginii

  Un <aside> sau o zonă complementară („complementary”), de exemplu bara de filtre, produsele similare sau o casetă promoțională, este inclusă în alt reper în loc să stea separat lângă conținutul principal. Este o bună practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legislația privind accesibilitatea.

  landmark-complementary-is-top-level

• Minor

  Subsolul site-ului se află în interiorul altei zone a paginii

  Zona subsolului (reperul „contentinfo” cu date de contact, linkuri legale și informații despre plată) este inclusă în alt reper, de exemplu în conținutul principal, în loc să stea separat în partea de jos a paginii. Este o bună practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legislația privind accesibilitatea.

  landmark-contentinfo-is-top-level

• Moderat

  Conținutul principal se află în interiorul altei zone a paginii

  Elementul <main> sau zona cu role="main", care marchează începutul conținutului propriu al paginii, este inclusă în alt reper, de exemplu în antet, în navigare sau într-o bară laterală. Este o bună practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legislația privind accesibilitatea.

  landmark-main-is-top-level

• Moderat

  Pagina are mai mult de un antet al site-ului

  Pagina conține două sau mai multe zone de antet („banner”), de exemplu antetul obișnuit plus o copie separată fixă sau pentru mobil ori o bandă promoțională marcată ca banner. Este o bună practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legislația privind accesibilitatea.

  landmark-no-duplicate-banner

• Minor

  Pagina are mai mult de un subsol principal

  Pagina marchează mai multe zone drept subsol al site-ului, de exemplu subsolul magazinului și un al doilea subsol într-o fereastră pop-up sau un widget. Este o practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legea.

  landmark-no-duplicate-contentinfo

• Moderat

  Pagina are mai multe zone de conținut principal

  Două sau mai multe părți ale paginii sunt marcate drept conținut principal. Ar trebui să existe una singură. Este o practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legea.

  landmark-no-duplicate-main

• Moderat

  Pagina nu are conținutul principal marcat

  Nicio parte a paginii nu este marcată drept conținut principal, așa că tehnologiile de asistență nu pot ști unde începe partea importantă. Este o practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legea.

  landmark-one-main

• Minor

  Două zone ale paginii sună la fel pentru cititoarele de ecran

  Pagina are mai multe zone de același tip, de exemplu două meniuri sau două bare laterale, fără o etichetă care să le deosebească. Este o practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legea.

  landmark-unique

• Minor

  Mărirea pe mobil este puternic limitată

  Pagina permite mărirea pe telefon, dar oprește vizitatorul înainte să o poată mări de cinci ori. Este o practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legea.

  meta-viewport-large

• Moderat

  Pagina nu are un titlu principal

  Pagina nu are un titlu de nivel superior (H1) care să-i numească subiectul, de exemplu numele produsului sau al categoriei. Este o practică recomandată, care depășește nivelul WCAG 2.2 AA pe care se bazează legea.

  page-has-heading-one

• Minor

  Un element decorativ este totuși anunțat de cititoarele de ecran

  Un element marcat ca decorativ (role="presentation" sau role="none") are și atribute ARIA sau poate primi focus de la tastatură, așa că unele cititoare de ecran îl ignoră, iar altele nu. Aceasta este o practică recomandată, dincolo de nivelul WCAG 2.2 AA.

  presentation-role-conflict

• Minor

  O parte din conținut se află în afara zonelor principale ale paginii

  Unele părți ale paginii nu se află în repere (landmarks) precum antetul, navigarea, conținutul principal sau subsolul. Aceasta este o practică recomandată, dincolo de nivelul WCAG 2.2 AA.

  region

• Minor

  Antetele tabelului folosesc greșit atributul scope

  Un tabel folosește greșit atributul scope, de exemplu pe o celulă obișnuită de date sau cu o altă valoare decât row, col, rowgroup sau colgroup. Aceasta este o practică recomandată, dincolo de nivelul WCAG 2.2 AA.

  scope-attr-valid

• Moderat

  Linkul „Salt la conținut” nu funcționează

  Pagina are un link de salt, dar locul spre care trimite nu există sau nu poate primi focus. Aceasta este o practică recomandată, dincolo de nivelul WCAG 2.2 AA.

  skip-link

• Grav

  Ordinea de navigare cu tastatura este forțată într-o succesiune neașteptată

  Unele elemente au tabindex cu o valoare mai mare decât 0, așa că primesc focus înaintea tuturor celorlalte când cineva parcurge pagina cu tasta Tab. Aceasta este o practică recomandată, dincolo de nivelul WCAG 2.2 AA.

  tabindex

• Minor

  Legenda și rezumatul unui tabel repetă același text

  Un tabel are același text în elementul <caption> și în atributul summary, așa că cititoarele de ecran îl pot citi de două ori. Aceasta este o practică recomandată, dincolo de nivelul WCAG 2.2 AA.

  table-duplicate-name