Požadavek WCAG A/AA Priorita: Střední · experimentální kontrola: vyplatí se ověřit ručně

Některé nadpisy jsou jen tučný nebo velký text

Některé odstavce vypadají jako nadpisy, protože jsou tučné, kurzívou nebo větší, ale v kódu jde o běžný text, ne o skutečné nadpisy.

Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.

Proč na tom záleží vašim zákazníkům

Nevidomí zákazníci často přeskakují z nadpisu na nadpis, aby našli sekce jako „Popis“, „Doprava“ nebo „Recenze“. Falešné nadpisy jsou pro takovou navigaci neviditelné, takže musí poslouchat celou stránku a mohou přehlédnout důležité informace.

Koho se to týká

nevidomí zákazníci
uživatelé čteček obrazovky
lidé, kteří se pohybují pomocí klávesových zkratek

Jak to opravit

Text, který slouží jako název sekce, změňte na skutečný nadpis (<h2>, <h3> atd.) v logickém pořadí a vzhled nastavte v CSS. V editorech vybírejte v nabídce formátu „Nadpis 2“ nebo „Nadpis 3“ místo zvýraznění tučně nebo zvětšení. Pokud text nadpisem není, nechte ho jako odstavec: axe označuje tuto kontrolu jako experimentální a někdy upozorní i na tučné úvodní věty.

V Shopify

Obvykle v popisech produktů, stránkách nebo článcích blogu. V editoru formátovaného textu označte text a zvolte formát nadpisu místo tučného písma; v sekcích šablony použijte blok nadpisu, pokud ho šablona nabízí.

V Shoptet (CZ)

Obvykle v popisech produktů nebo článcích. Zvolte v editoru formát nadpisu místo tučného textu nebo opravte HTML v zobrazení zdrojového kódu.

V PrestaShop

Obvykle v popisech produktů nebo stránkách CMS. Zvolte formát nadpisu na panelu nástrojů editoru nebo opravte HTML v zobrazení zdrojového kódu.

V WooCommerce

Obvykle v popisech produktů nebo obsahu z page builderu. Použijte blok „Nadpis“ v blokovém editoru nebo widget nadpisu ve vašem page builderu místo tučného odstavce.

Normy

Normy
Norma	Bod
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

Automatická kontrola: pravidlo axe-core p-as-heading. dequeuniversity.com, github.com, www.w3.org

Atributy přístupnosti jsou použity na nesprávných prvcích
WCAG 4.1.2 A
Některé prvky mají roli, která neexistuje
WCAG 4.1.2 A
Některé vložené soubory nebo média nemají textový popis
WCAG 1.1.1 A
Některé popisky odkazují na nesprávný prvek
WCAG 4.1.2 A

Všechna pravidla, která kontrolujeme