# Problemele de accesibilitate pe care le testăm Fiecare pagină explică o problemă pe care o găsesc testele noastre automate: ce înseamnă, la ce criteriu WCAG se referă, cum se remediază pe orice site, pe Shopify și pe WooCommerce, și cum se verifică remedierea. ## Probleme de accesibilitate - [Elementele ascunse cu ARIA nu trebuie să fie focalizabile și nici să conțină elemente focalizabile](https://www.fixreports.com/ro/issues/aria-hidden-focus): WCAG 4.1.2 · Nivelul A. Unele elemente focalizabile sunt ascunse cititoarelor de ecran, dar pot fi totuși accesate cu tastatura. (Atribute și roluri ARIA) - [Atributul autocomplete trebuie folosit corect](https://www.fixreports.com/ro/issues/autocomplete-valid): WCAG 1.3.5 · Nivelul AA. Un câmp de formular folosește o valoare autocomplete pe care browserele nu o recunosc. (Câmpuri de formular fără etichete) - [Butoanele trebuie să aibă un text perceptibil](https://www.fixreports.com/ro/issues/button-name): WCAG 4.1.2 · Nivelul A. Unele butoane nu au un nume accesibil, așa că utilizatorii de cititoare de ecran aud doar „buton”. (Linkuri și butoane fără nume) - [Elementele trebuie să respecte pragurile minime ale raportului de contrast al culorilor](https://www.fixreports.com/ro/issues/color-contrast): WCAG 1.4.3 · Nivelul AA. Unele texte nu ies suficient în evidență față de fundal pentru a putea fi citite de persoanele cu vedere slabă. (Contrast scăzut al culorilor) - [Documentele trebuie să aibă un element pentru a ajuta navigarea](https://www.fixreports.com/ro/issues/document-title): WCAG 2.4.2 · Nivelul A. O pagină nu are titlu, așa că utilizatorii nu își pot da seama pe ce pagină se află. (Titlurile paginilor) - [ID-urile folosite în ARIA și în etichete trebuie să fie unice](https://www.fixreports.com/ro/issues/duplicate-id-aria): WCAG 4.1.2 · Nivelul A. Mai multe elemente au același id, folosit pentru a eticheta sau a descrie ceva, așa că tehnologiile asistive pot citi eticheta greșită. (Atribute și roluri ARIA) - [Cadrele trebuie să aibă un nume accesibil](https://www.fixreports.com/ro/issues/frame-title): WCAG 4.1.2 · Nivelul A. Un cadru încorporat (adesea o hartă, un videoclip sau un widget de aplicație) nu are titlu, așa că utilizatorii de cititoare de ecran nu știu ce conține. (Structura paginii, titluri și repere (landmarks)) - [Nivelurile titlurilor trebuie să crească doar cu câte unul](https://www.fixreports.com/ro/issues/heading-order): Bună practică de accesibilitate. Nivelurile titlurilor sar peste trepte (de exemplu de la H2 la H4), ceea ce face structura paginii derutantă pentru utilizatorii de cititoare de ecran. (Structura paginii, titluri și repere (landmarks)) - [Elementul <html> trebuie să aibă un atribut lang](https://www.fixreports.com/ro/issues/html-has-lang): WCAG 3.1.1 · Nivelul A. Pagina nu își declară limba, așa că cititoarele de ecran o pot citi cu o pronunție greșită. (Limba paginii) - [Elementul <html> trebuie să aibă o valoare validă pentru atributul lang](https://www.fixreports.com/ro/issues/html-lang-valid): WCAG 3.1.1 · Nivelul A. Codul de limbă al paginii nu este valid, așa că cititoarele de ecran nu pot alege vocea potrivită. (Limba paginii) - [Imaginile trebuie să aibă text alternativ](https://www.fixreports.com/ro/issues/image-alt): WCAG 1.1.1 · Nivelul A. Imaginilor le lipsește textul alternativ, așa că utilizatorii de cititoare de ecran nu știu ce arată. (Imagini fără text alternativ) - [Butoanele input trebuie să aibă un text perceptibil](https://www.fixreports.com/ro/issues/input-button-name): WCAG 4.1.2 · Nivelul A. Un buton input nu are text, așa că cititoarele de ecran nu pot spune ce face. (Câmpuri de formular fără etichete) - [Butoanele-imagine trebuie să aibă text alternativ](https://www.fixreports.com/ro/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · Nivelul A. Un buton-imagine nu are text alternativ, așa că cititoarele de ecran nu pot spune ce face. (Imagini fără text alternativ) - [Elementele de formular trebuie să aibă etichete](https://www.fixreports.com/ro/issues/label): WCAG 4.1.2 · Nivelul A. Unele câmpuri de formular nu au etichetă, așa că utilizatorii de cititoare de ecran nu știu ce să introducă. (Câmpuri de formular fără etichete) - [Documentul trebuie să aibă un reper main](https://www.fixreports.com/ro/issues/landmark-one-main): Bună practică de accesibilitate. Pagina nu are un reper main, așa că utilizatorii de cititoare de ecran nu pot sări direct la conținut. (Structura paginii, titluri și repere (landmarks)) - [Linkurile trebuie să poată fi deosebite fără a depinde de culoare](https://www.fixreports.com/ro/issues/link-in-text-block): WCAG 1.4.1 · Nivelul A. Linkurile din paragrafe se disting doar prin culoare, așa că persoanele care nu văd diferența de culoare nu le observă. (Contrast scăzut al culorilor) - [Linkurile trebuie să aibă un text perceptibil](https://www.fixreports.com/ro/issues/link-name): WCAG 2.4.4, 4.1.2 · Nivelul A. Unele linkuri nu au niciun text pe care un cititor de ecran să îl poată anunța; de obicei sunt linkuri formate doar dintr-o pictogramă, cum ar fi pictogramele rețelelor sociale sau pictograma coșului. (Linkuri și butoane fără nume) - [Mărirea și scalarea nu trebuie dezactivate](https://www.fixreports.com/ro/issues/meta-viewport): WCAG 1.4.4 · Nivelul AA. Pagina blochează mărirea prin ciupire pe mobil. (Mărire și rearanjare (reflow)) - [Pagina trebuie să conțină un titlu de nivelul unu](https://www.fixreports.com/ro/issues/page-has-heading-one): Bună practică de accesibilitate. Pagina nu are un titlu de nivel superior. (Structura paginii, titluri și repere (landmarks)) - [Tot conținutul paginii trebuie să se afle în repere](https://www.fixreports.com/ro/issues/region): Bună practică de accesibilitate. O parte din conținut nu se află într-un reper al paginii (header, nav, main sau footer). (Structura paginii, titluri și repere (landmarks)) - [Elementele [role="img"] și [role="image"] trebuie să aibă text alternativ](https://www.fixreports.com/ro/issues/role-img-alt): WCAG 1.1.1 · Nivelul A. Un element prezentat ca imagine nu are text alternativ. (Imagini fără text alternativ) - [Zonele derulabile trebuie să fie accesibile de la tastatură](https://www.fixreports.com/ro/issues/scrollable-region-focusable): WCAG 2.1.1 · Nivelul A. O zonă derulabilă nu poate fi accesată cu tastatura, așa că utilizatorii de tastatură nu o pot derula. (Accesul de la tastatură și focusul) - [Elementul select trebuie să aibă un nume accesibil](https://www.fixreports.com/ro/issues/select-name): WCAG 4.1.2 · Nivelul A. O listă derulantă (adesea un selector de sortare sau de variantă) nu are etichetă. (Câmpuri de formular fără etichete) - [Elementele <svg> cu rolul img sau image trebuie să aibă text alternativ](https://www.fixreports.com/ro/issues/svg-img-alt): WCAG 1.1.1 · Nivelul A. O imagine SVG care transmite informații nu are text alternativ. (Imagini fără text alternativ) - [Toate țintele tactile trebuie să aibă 24px sau să lase suficient spațiu](https://www.fixreports.com/ro/issues/target-size): WCAG 2.5.8 · Nivelul AA. Unele ținte tactile sunt mai mici de 24 pe 24 de pixeli și prea apropiate între ele, ceea ce le face greu de atins pe telefon. (Accesul de la tastatură și focusul)