Přejít na obsah
Pandus

Požadavek WCAG A/AA Priorita: Střední

Několik vložených rámců má stejný název

Dva či více vložených rámců (iframe) na stránce má stejný title, přestože zobrazují různý obsah, například několik produktových videí s názvem „YouTube video player“.

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

Uživatelé čteček obrazovky, kteří si nechají vypsat rámce nebo mezi nimi přeskakují, slyší několikrát stejný název a bez otevření každého z nich nepoznají, který je video o volbě velikosti, mapa nebo platební widget.

Koho se to týká

  • nevidomí zákazníci
  • uživatelé čteček obrazovky

Jak to opravit

Dejte každému <iframe> title, který popisuje jeho vlastní obsah, například „Video: jak změřit velikost“ nebo „Mapa prodejny“. Výchozí názvy z kódů pro vložení („YouTube video player“, „reCAPTCHA“) nahraďte tam, kde kód máte pod kontrolou. Rámce se skutečně stejným obsahem mohou mít stejný název; axe doporučuje ruční kontrolu.

V Shopify

Obvykle několik video sekcí nebo widgetů aplikací s výchozím názvem vložení. Nastavte konkrétní title v kódu Liquid sekce nebo v nastavení vložení; iframe aplikací musí opravit jejich vývojář.

V Shoptet (CZ)

Obvykle několik kódů pro vložení vložených s výchozím názvem. Upravte atribut title ve svých kódech pro vložení; kvůli prvkům šablony se obraťte na Shoptet nebo partnera Shoptet.

V PrestaShop

Obvykle moduly videí nebo map opakované na stránce s pevným názvem. Nastavte konkrétní title v šablonách .tpl modulu nebo motivu; moduly třetích stran nahlaste jejich vývojáři.

V WooCommerce

Obvykle několik vložených videí nebo map z blokového editoru či page builderu s výchozím názvem. Upravte title v kódu pro vložení nebo v nastavení bloku; iframe pluginů nahlaste autorovi pluginu.

Normy

Normy
NormaBod
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

Automatická kontrola: pravidlo axe-core frame-title-unique. dequeuniversity.com, github.com, www.w3.org

Všechna pravidla, která kontrolujeme