Przejdź do treści
Pandus
pl Zmień język
Menu

Wymaganie WCAG A/AA Priorytet: Umiarkowane

Osadzona treść nie ma nazwy

Osadzona ramka, np. film, mapa, czat lub widżet płatności, nie ma tytułu opisującego jej zawartość.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Osoby korzystające z czytników ekranu słyszą tylko „ramka” i muszą do niej wejść, aby sprawdzić, co zawiera. Jeśli to widżet płatności lub czatu, mogą go w ogóle nie znaleźć.

Kogo to dotyczy

  • niewidomi klienci
  • osoby korzystające z czytników ekranu

Jak to naprawić

Dodaj krótki, unikalny atrybut title do każdego <iframe>, np. title="Film o produkcie" lub title="Płatność kartą". Jeśli ramka pochodzi od zewnętrznego dostawcy, sprawdź ustawienia osadzania lub skontaktuj się z dostawcą.

W Shopify

Zwykle filmy lub widżety dodane przez aplikacje albo kody osadzania. Dodaj title do iframe w sekcji lub kodzie osadzania; ramki aplikacji musi poprawić ich twórca.

W Shoptet (CZ)

Zwykle kody osadzania lub widżety dodane jako własny kod. Dodaj title do iframe w swoim kodzie osadzania; dostawcy widżetów mogą musieć poprawić własne ramki.

W PrestaShop

Zwykle moduły filmów, map lub płatności. Dodaj tytuły w szablonach modułu lub motywu; moduły zewnętrzne zgłoś ich twórcy.

W WooCommerce

Zwykle osadzone filmy, mapy, bramki płatności lub wtyczki czatu. Dodaj tytuły w kodzie osadzania lub ustawieniach wtyczki; brakujące tytuły zgłoś autorowi wtyczki.

Normy

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

Automatyczny test: reguła axe-core frame-title. dequeuniversity.com, github.com, www.w3.org

Podobne testy

Wszystkie reguły, które sprawdzamy