Cerință WCAG A/AA Prioritate: Moderat · verificare experimentală: merită verificată manual
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.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Clienții nevăzători sar adesea de la un titlu la altul pentru a găsi secțiuni precum „Descriere”, „Livrare” sau „Recenzii”. Titlurile false sunt invizibile pentru această navigare, așa că trebuie să asculte toată pagina și pot rata informații importante.
Pe cine afectează
- clienți nevăzători
- utilizatori de cititoare de ecran
- persoane care navighează cu scurtături de tastatură
Cum se remediază
Transformați textul care servește drept titlu de secțiune într-un titlu real (<h2>, <h3> etc.) într-o ordine logică și stabiliți aspectul prin CSS. În editoare, alegeți „Titlu 2” sau „Titlu 3” din meniul de formatare în loc să îngroșați sau să măriți textul. Dacă textul nu este un titlu, lăsați-l paragraf: axe marchează această verificare ca experimentală și uneori semnalează propoziții introductive îngroșate.
În Shopify
De obicei în descrierile produselor, pagini sau articole de blog. În editorul de text formatat selectați textul și alegeți un format de titlu în loc de îngroșare; în secțiunile temei folosiți un bloc de titlu, dacă tema îl oferă.
În Shoptet (CZ)
De obicei în descrierile produselor sau în articole. Alegeți în editor un format de titlu în loc de text îngroșat sau corectați HTML-ul în vizualizarea codului sursă.
În PrestaShop
De obicei în descrierile produselor sau în paginile CMS. Alegeți un format de titlu din bara de instrumente a editorului sau corectați HTML-ul în vizualizarea codului sursă.
În WooCommerce
De obicei în descrierile produselor sau în conținutul din page builder. Folosiți blocul „Titlu” din editorul de blocuri sau widgetul de titlu al page builderului în locul unui paragraf îngroșat.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 1.3.1 (A) Info and Relationships |
| WCAG 2.1 | 1.3.1 (A) Info and Relationships |
| WCAG 2.0 | 1.3.1 (A) Info and Relationships |
| EN 301 549 4.1.1 | 9.1.3.1 |
| EN 301 549 3.2.1 | 9.1.3.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.3.1 |
Verificare automată: regula axe-core p-as-heading.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Atribute de accesibilitate folosite pe elemente nepotrivite
WCAG 4.1.2 A
-
Unele elemente folosesc un rol care nu există
WCAG 4.1.2 A
-
Unele fișiere sau conținuturi media încorporate nu au descriere text
WCAG 1.1.1 A
-
Unele etichete indică elementul greșit
WCAG 4.1.2 A