Cerință WCAG A/AA Prioritate: Moderat
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”.
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 care listează cadrele sau sar între ele aud același nume de mai multe ori și nu pot ști care este videoclipul despre alegerea mărimii, harta sau widgetul de plată fără să le deschidă pe fiecare.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
Cum se remediază
Dați fiecărui <iframe> un title care îi descrie propriul conținut, de exemplu „Video: cum vă măsurați mărimea” sau „Harta magazinului”. Înlocuiți titlurile implicite din codurile de încorporare („YouTube video player”, „reCAPTCHA”) acolo unde controlați codul. Cadrele care afișează într-adevăr același conținut pot avea același titlu; axe recomandă o verificare manuală.
În Shopify
De obicei mai multe secțiuni video sau widgeturi de aplicații cu titlul implicit de încorporare. Setați un title specific în codul Liquid al secțiunii sau în setările de încorporare; iframe-urile aplicațiilor trebuie corectate de dezvoltatorul aplicației.
În Shoptet (CZ)
De obicei mai multe coduri de încorporare inserate cu titlul implicit. Modificați atributul title în codurile de încorporare; pentru elementele șablonului, adresați-vă echipei Shoptet sau unui partener Shoptet.
În PrestaShop
De obicei module video sau de hărți repetate pe pagină cu un titlu fix. Faceți title specific în șabloanele .tpl ale modulului sau temei; raportați modulele terțe dezvoltatorului lor.
În WooCommerce
De obicei mai multe videoclipuri sau hărți încorporate din editorul de blocuri ori dintr-un page builder, cu titlul implicit. Modificați title în codul de încorporare sau în setările blocului; raportați iframe-urile pluginurilor autorului acestora.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Verificare automată: regula axe-core frame-title-unique.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele butoane de formular nu au nume
WCAG 4.1.2 A
-
O listă de denumiri și valori este construită greșit
WCAG 1.3.1 A
-
Atributele de accesibilitate sunt folosite în situația greșită
WCAG 4.1.2 A
-
Unele etichete indică elementul greșit
WCAG 4.1.2 A