Wymaganie WCAG A/AA Priorytet: Umiarkowane
Kilka osadzonych ramek ma tę samą nazwę
Dwie lub więcej osadzonych ramek (iframe) na stronie ma ten sam title, choć pokazują różne treści, np. kilka filmów produktowych o nazwie „YouTube video player”.
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, które przeglądają listę ramek lub przechodzą między nimi, słyszą kilka razy tę samą nazwę i bez otwierania każdej nie wiedzą, która to film o doborze rozmiaru, mapa, a która widżet płatności.
Kogo to dotyczy
- niewidomi klienci
- osoby korzystające z czytników ekranu
Jak to naprawić
Każdy <iframe> powinien mieć title opisujący jego własną treść, np. „Film: jak zmierzyć rozmiar” lub „Mapa dojazdu do sklepu”. Domyślne nazwy z kodów osadzenia („YouTube video player”, „reCAPTCHA”) warto zastąpić tam, gdzie kod jest pod kontrolą sklepu. Ramki o naprawdę tej samej treści mogą mieć ten sam tytuł; axe zaleca ręczną weryfikację.
W Shopify
Zwykle kilka sekcji wideo lub widżetów aplikacji z domyślnym tytułem osadzenia. Należy ustawić konkretny title w kodzie Liquid sekcji lub w ustawieniach osadzenia; ramki aplikacji musi poprawić ich twórca.
W Shoptet (CZ)
Zwykle kilka kodów osadzenia wklejonych z domyślnym tytułem. Atrybut title można zmienić we własnych kodach osadzenia; w sprawie elementów szablonu należy zwrócić się do Shoptet lub partnera Shoptet.
W PrestaShop
Zwykle moduły wideo lub map powtórzone na stronie ze stałym tytułem. Należy nadać konkretny title w szablonach .tpl modułu lub motywu; moduły zewnętrzne należy zgłosić ich twórcy.
W WooCommerce
Zwykle kilka osadzonych filmów lub map z edytora bloków albo kreatora stron z domyślnym tytułem. Title można zmienić w kodzie osadzenia lub ustawieniach bloku; ramki wtyczek należy zgłosić autorowi wtyczki.
Normy
| Norma | Punkt |
|---|---|
| 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-unique.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Niektóre przyciski formularzy nie mają nazwy
WCAG 4.1.2 A
-
Lista nazw i wartości jest zbudowana nieprawidłowo
WCAG 1.3.1 A
-
Atrybuty dostępności użyto w niewłaściwej sytuacji
WCAG 4.1.2 A
-
Niektóre etykiety wskazują niewłaściwy element
WCAG 4.1.2 A