Practică recomandată Prioritate: 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.
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 pot auzi elemente inutile, fără sens, sau se pot opri pe un loc gol când apasă Tab, de exemplu pe o pictogramă decorativă sau pe un separator. Este un mic neajuns, dar „zgomotul” în plus încetinește răsfoirea produselor și completarea formularelor.
Pe cine afectează
- utilizatorii de cititoare de ecran
- utilizatorii care navighează cu tastatura
Cum se remediază
Dacă elementul este cu adevărat decorativ, eliminați atributele ARIA globale (de exemplu aria-label sau aria-describedby) și orice tabindex, ca să fie ignorat în mod constant. Dacă are un sens sau trebuie să fie clicabil, eliminați role="presentation" sau role="none" și dați-i în schimb un rol potrivit și un nume accesibil. Nu puneți niciodată un rol decorativ pe linkuri, butoane sau câmpuri de formular.
În Shopify
De obicei provine din snippet-uri de pictograme sau din secțiunile temei ori dintr-o aplicație. Corectați codul în snippet-urile sau secțiunile temei (Liquid) sau contactați dezvoltatorul aplicației.
În Shoptet (CZ)
Depinde de șablon sau de un supliment. Verificați dacă o versiune mai nouă a șablonului rezolvă problema; altfel contactați echipa Shoptet sau un partener ori corectați propriul cod inserat.
În PrestaShop
De obicei în fișierele .tpl ale temei sau în șabloanele unui modul. Suprascrieți șablonul în temă în loc să modificați direct modulul.
În WooCommerce
De obicei provine din temă, dintr-un page builder sau dintr-un plugin. Corectați-l într-un șablon al temei copil sau raportați-l autorului pluginului, ca actualizările să nu anuleze corectura.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core presentation-role-conflict.
dequeuniversity.com, github.com