Cerință WCAG A/AA Prioritate: Critic
Î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.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Utilizatorii de cititoare de ecran nu găsesc nimic de citit: niciun meniu, niciun produs, niciun „Adaugă în coș” și nicio pagină de finalizare a comenzii. Pentru ei magazinul pare gol și pleacă.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- unii utilizatori de control vocal
Cum se remediază
Eliminați aria-hidden de pe elementul <body>. De obicei îl setează scriptul unei ferestre pop-up, al coșului lateral, al bannerului de cookie-uri sau al meniului mobil, care ascunde pagina cât timp fereastra este deschisă și nu mai elimină atributul la închidere. Pentru a ascunde fundalul, folosiți atributul inert sau un <dialog> nativ pe conținut, nu pe <body>, și asigurați-vă că fereastra însăși nu se află în partea ascunsă.
În Shopify
De obicei o aplicație de pop-up, newsletter, consimțământ cookie sau coș lateral ori scriptul panourilor laterale din temă. Dezactivați aplicațiile pe rând pentru a găsi sursa, apoi corectați JavaScript-ul temei sau semnalați problema dezvoltatorului aplicației.
În Shoptet (CZ)
De obicei un script de pop-up sau de supliment ori cod propriu adăugat în șablon. Semnalați problema la Shoptet sau unui partener Shoptet și eliminați scripturile proprii care setează aria-hidden pe <body>.
În PrestaShop
De obicei un modul de ferestre modale, cookie-uri sau newsletter ori JavaScript-ul temei. Găsiți scriptul care setează aria-hidden pe <body> și corectați-l sau semnalați problema dezvoltatorului modulului.
În WooCommerce
De obicei un plugin de pop-up, consimțământ cookie, mini-coș sau meniu mobil ori page builder-ul. Dezactivați pluginurile pe rând pe o copie de test pentru a găsi sursa și semnalați problema autorului pluginului.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 1.3.1 (A) Info and Relationships |
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 1.3.1 (A) Info and Relationships |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 1.3.1 (A) Info and Relationships |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.1.3.1 |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.1.3.1 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.3.1 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Verificare automată: regula axe-core aria-hidden-body.
dequeuniversity.com, github.com, www.w3.org, www.w3.org
Verificări similare
-
Unele elemente au o etichetă pentru Braille, dar nu au un nume obișnuit
WCAG 4.1.2 A
-
Pagina se reîncarcă sau redirecționează singură
WCAG 2.2.1 A
-
Unele elemente grafice nu au descriere text
WCAG 1.1.1 A
-
Unele câmpuri de formular au mai multe etichete
WCAG 3.3.2 A