Kod QR to obrazek linku. Żeby go użyć, trzeba wiedzieć, że tam jest, znaleźć go w przestrzeni, wycelować w niego aparatem i znieruchomieć. Każdy, kto nie potrafi zrobić tych czterech rzeczy, w ogóle nie ma drogi do informacji, dlatego każda poważna wytyczna dotycząca dostępności traktuje kod jako jedną z dróg wejścia, a nie jedyną.
Obowiązki dzielą się wyraźnie. Na ekranie kod jest obrazem i bezpośrednio dotyczą go Wytyczne dotyczące dostępności treści internetowych (WCAG). W druku żadna wytyczna nie sięga papieru, więc odpowiedzialność przechodzi na to, co umieścisz obok kodu. W obu przypadkach większość ryzyka prawnego faktycznie leży na stronie docelowej. O tym, co zbiera skan, kiedy już zadziała, pisze Kody QR a RODO - to strona danych tego samego kwadratu.
Trzy bariery, nie jedna
Zespoły zwykle naprawiają widoczną barierę i zostawiają pozostałe dwie.
Znalezienie go. Drukowany kod zapowiada się wyłącznie wizualnie. Osoba niewidoma nie wie, że plakat zawiera kod, że stoi on na stoliku, czy że list go zawiera, chyba że mówi o tym tekst. Dlatego napis "zeskanuj kod" wydrukowany małą czcionką pod symbolem sam w sobie nic nie rozwiązuje.
Zeskanowanie go. Wykadrowanie kodu wymaga sprawnego widzenia centralnego i w miarę stabilnych rąk. Słaby wzrok, drżenie, ograniczony chwyt oraz osoba na wózku stojąca przed kodem umieszczonym na wysokości stojącego człowieka to osobne przypadki niepowodzenia prowadzące do tego samego skutku. Kod za szybą albo nad ladą dodaje dystans, z którym musi się liczyć arytmetyka rozmiaru.
Korzystanie z tego, co się otwiera. Strona za kodem to taka sama strona internetowa jak każda inna i to na niej skupiają się egzekwowalne obowiązki. Skanowalny kod prowadzący do menu w PDF bez warstwy tekstowej tylko przesunął barierę, a nie ją usunął.
Czego oczekuje WCAG
Cztery zapisy powtarzają się najczęściej i żaden z nich nie jest uciążliwy.
Kod pokazany jako obraz potrzebuje tekstu alternatywnego opisującego cel, zgodnie z zasadą treści nietekstowych. "Kod QR" to zmarnowany atrybut alt; "kod QR prowadzący do formularza rezerwacji wizyty" to już informacja. Jeśli adres URL jest na tej samej stronie wydrukowany również jako tekst, kod można zasadnie oznaczyć jako dekoracyjny.
Kontrast to element, który projektanci łamią najczęściej. Wymóg kontrastu treści nietekstowych ustala minimum 3:1 dla części grafiki potrzebnych do jej zrozumienia, co dla kodu QR oznacza moduły względem ich tła. Tła fotograficzne, zestawienia kolorów marki o niskim kontraście i odwrócone wzory łamią zarówno wytyczną, jak i - często - skaner. Projektowanie markowych kodów QR opisuje, jak daleko można posunąć stylizację, zanim wzór przestanie się dekodować.
Cel linku też ma znaczenie. Kiedy kod znajduje się obok linku, widoczny tekst powinien mówić, dokąd prowadzi - o to prosi zapis dotyczący celu linku w kontekście. "Kliknij tutaj" zawodzi z tego samego powodu co nieopisany kod.
A cicha strefa, czysty margines wokół wzoru, to w takim samym stopniu kwestia dostępności, co druku. Przycięcie jej, żeby dopasować się do układu graficznego, utrudnia odczytanie kodu wszystkim, a niektórym uniemożliwia je całkowicie.
Gdzie ląduje europejski akt o dostępności
Dyrektywa (UE) 2019/882 obowiązuje od 28 czerwca 2025 r. i zmienia rachunek dla organizacji z sektora prywatnego, które wcześniej traktowały dostępność jako sprawę sektora publicznego.
O tym, czy dotyczy to Ciebie, decydują trzy elementy. Obejmuje określone produkty i usługi skierowane do konsumentów, w tym e-commerce, bankowość konsumencką, transport pasażerski i e-booki. Dotyczy usługi, co oznacza, że strona otwierana przez kod jest w zakresie, mimo że wydrukowany kwadrat już nie. I jest transponowana na poziomie krajowym, więc organ egzekwujący, kary i szczegóły zwolnienia dla mikroprzedsiębiorstw w zakresie usług zależą od państwa członkowskiego, do którego sprzedajesz.
Praktyczny wniosek dla zespołu marketingu: jeśli skan prowadzi do zakupu, rezerwacji albo interakcji bankowej z konsumentami w UE, traktuj miejsce docelowe jako regulowaną powierzchnię i testuj je odpowiednio. Podmioty publiczne są już objęte wcześniejszymi przepisami o dostępności stron internetowych i normą EN 301 549 - ten grunt szerzej opisuje Skracacze URL dla administracji publicznej.
Wolę, żeby zespół naprawił stronę docelową i wydrukował adres URL, niż spędził tydzień nad estetyką kodu. To właśnie o te dwie rzeczy pyta organ egzekwujący.
Drukowany krótki adres URL to funkcja dostępności
To pojedyncza zmiana o najwyższej wartości na tej liście, a kosztuje jedną linijkę tekstu.
Krótki adres URL wydrukowany pod kodem to alternatywa tekstowa, której druk inaczej nie potrafi przekazać. Służy osobie korzystającej z powiększenia ekranu, która potrafi czytać tekst, ale nie potrafi wykadrować aparatu. Służy komuś, czyjego telefon nie ma działającej aplikacji aparatu, komuś na pożyczonym urządzeniu i komuś, kto chce otworzyć stronę później na laptopie. Służy też widzącej większości w konkretnym przypadku, gdy kod nie chce się zeskanować z powodu oświetlenia albo połysku.
Spraw, żeby dało się go przepisać:
- Ogranicz ścieżkę do kilku znaków, żeby dało się ją utrzymać w pamięci między czytaniem a wpisywaniem.
- Używaj wyłącznie małych liter i unikaj par znaków, które w druku wyglądają dwuznacznie.
- Wybieraj słowo zamiast losowego ciągu znaków. Niestandardowa końcówka linku, która czyta się jak słowo, przetrwa złą kserokopię - losowa nie.
- Ustaw taki rozmiar czcionki, żeby dało się ją przeczytać z odległości, z jakiej skanuje się kod, a nie najmniejszy, na jaki pozwala układ graficzny.
- Umieść przed nim własną domenę. Rozpoznawalna domena to sygnał zaufania dla każdego, a czym jest markowy link wyjaśnia, dlaczego ma to większe znaczenie w druku niż na ekranie.
Generujesz kody z czytelną drukowaną alternatywą dla każdego z nich? Funkcje kodów QR Elido tworzą kod i krótki link razem, więc wpisana alternatywa zawsze pasuje do kodu obok niej.
Przetestuj to jako ktoś inny
Pięć sprawdzeń, a pierwsze trzy zajmują dziesięć minut.
Przepuść stronę docelową przez czytnik ekranu. Nie przez narzędzie z listą kontrolną, tylko przez prawdziwy czytnik ekranu, słuchając, czy główna akcja jest osiągalna i opisana. Wytyczne amerykańskiej Sekcji 508 dotyczące wdrażania kodów QR to zwięzłe źródło informacji o tym, czego słuchać.
Zmierz kontrast na wydrukowanym egzemplarzu próbnym, a nie na pliku. Tusz na niepowlekanym papierze traci kontrast, który podgląd na ekranie ukazuje w zbyt korzystnym świetle.
Zeskanuj kod z pozycji, jaką zajmuje prawdziwa osoba: na siedząco, na rzeczywistej wysokości montażu, w prawdziwym oświetleniu miejsca. Kod na wysokości 1,6 metra to dla osoby na wózku zupełnie inny obiekt niż dla projektanta, który go tam umieścił.
Wpisz drukowany adres URL ręcznie, na klawiaturze telefonu, nie patrząc na kod. Jeśli zajmuje to trzy próby, slug jest źle dobrany.
Na koniec sprawdź stronę za kodem według tego samego standardu co Twoją główną witrynę. To tam znajduje się obowiązek i to sprawdzenie najczęściej się pomija.
Przeczytaj serię cornerstone
Ten wpis należy do klastra zgodności. RODO dla skracaczy URL to cornerstone dla połowy tej powierzchni dotyczącej ochrony danych, a Kody QR a RODO opisuje, co faktycznie zbiera skan.
Powiązane na blogu
Najczęściej zadawane pytania
Czy kody QR są dostępne?
Nie same z siebie. Zeskanowanie wymaga wzroku, żeby go znaleźć, pewnej ręki, żeby go wykadrować, i urządzenia z aparatem. Żadnego z tych warunków nie można założyć z góry, dlatego wytyczne dotyczące dostępności traktują kod QR jako dodatkową drogę do informacji, a nie jedyną. Wydrukuj obok niego krótki adres URL, a większość bariery znika.
Czy kod QR potrzebuje tekstu alternatywnego?
Kiedy pojawia się jako obraz na stronie internetowej lub w dokumencie - tak. Opisz, dokąd prowadzi, a nie czym jest: użytkownik czytnika ekranu nic nie zyskuje z informacji, że jest tam kod QR, a zyskuje wszystko z informacji, że kod otwiera formularz rezerwacji. Na materiałach drukowanych nie ma tekstu alternatywnego, więc alternatywą tekstową jest sam adres URL, złożony czytelną czcionką.
Jakiego kontrastu potrzebuje kod QR?
Co najmniej 3:1 między ciemnymi modułami a jasnym tłem zgodnie z zasadą kontrastu treści nietekstowych WCAG, a w praktyce więcej, bo skanery potrzebują marginesu, którego minimum zgodności nie gwarantuje. Zachowaj ciemny wzór na jasnym tle, unikaj tła fotograficznego i nigdy nie odwracaj wzoru dla efektu wizualnego.
Czy europejski akt o dostępności dotyczy kodów QR?
Dotyczy usługi stojącej za kodem. Dyrektywa (UE) 2019/882 obejmuje usługi skierowane do konsumentów, takie jak e-commerce, bankowość, transport i e-booki, i obowiązuje od 28 czerwca 2025 r. Jeśli kod otwiera menu, bilet albo płatność, obowiązek zapewnienia dostępności dotyczy tej strony, a nie wydrukowanego kwadratu.
Jak powinna wyglądać drukowana alternatywa?
Krótka, pisana małymi literami i jednoznaczna, kiedy odczytuje się ją na głos albo przepisuje ręcznie. Unikaj znaków, które łatwo pomylić w druku, ogranicz ścieżkę do kilku znaków i ustaw ją na tyle dużą, żeby dało się ją przepisać przy użyciu powiększenia. Pomaga tu markowa krótka domena, bo czytelnik od razu wie, dokąd się wybiera.
Czy NFC to dobra alternatywa dla kodu QR?
To użyteczne uzupełnienie, a nie zamiennik. Zbliżenie telefonu całkowicie omija problem celowania, co pomaga osobom słabowidzącym albo z ograniczoną motoryką precyzyjną, ale wymaga obsługiwanego telefonu i fizycznego znacznika. Najbardziej inkluzywne połączenie na drukowanej powierzchni to kod, znacznik NFC tam, gdzie pozwala na to budżet, oraz wpisany adres URL pod obydwoma.
Wypróbuj Elido
Wklej URL, otrzymaj krótki link
Bez rejestracji. Link działa 30 dni. Zarejestruj się, aby zachować go na zawsze.
Za darmo, bez rejestracji · 2 dziennie