Jak sprawić, by Twoje doświadczenia po kliknięciu były dostępne dla wszystkich, przestrzegając standardów zgodności ADA i WCAG?

Ilu reklamodawców, tworząc strony docelowe po kliknięciu, myśli o dostępności sieci?

Jeśli jest to pierwszy raz, myślisz o dostępności, są szanse, że już zostały utraty konwersji. Faktem jest, że jeden na pięciu użytkowników online wymaga zakwaterowania, aby korzystać ze strony internetowej. Te statystyki z CDC i Fundacji Epilepsji podkreślają potrzebę, aby strony docelowe po kliknięciu były dostępne dla wszystkich:

Upewnienie się, że Twoje strony po kliknięciu są zgodne z ADA i WCAG, jest sposobem na zapewnienie dostępności dla wszystkich.

W dzisiejszym poście badamy, co pociąga za sobą zgodność z ADA i WCAG i dlaczego ważne jest, aby reklamodawcy wdrażali te standardy dostępności na swoich stronach.

Co oznacza zgodność online z ADA?

Ustawa o Amerykanach Niepełnosprawnych (ADA) została ustanowiona w 1990 roku w celu zakończenia dyskryminacji opartej na różnych zdolnościach. Konkretne wymagania dotyczące zgodności są zwykle nieco niejasne i mylące, ponieważ ADA nie zajmuje się wyraźnie zgodnością online.

Można jednak szukać wskazówek w najbardziej wszechstronnych wytycznych dotyczących tworzenia i utrzymywania dostępnych stron internetowych — wytycznych dotyczących dostępności treści internetowych (WCAG), opublikowanych przez W3C.

Co to jest WCAG?

WCAG to wytyczne, które zapewniają, że każda strona internetowa jest dostępna dla osób o zróżnicowanym zakresie słuchu, ruchu, wzroku i zdolności poznawczych.

Dostępność sieci obejmuje tworzenie stron internetowych, narzędzi i technologii, aby osoby niepełnosprawne mogły z nich korzystać. Mówiąc dokładniej, odwiedzający mogą postrzegać, rozumieć, nawigować i wchodzić w interakcję ze stroną oraz wnosić wkład do strony.

WCAG ma trzy wersje:

• WCAG 1.0 został opracowany w 1999 roku
• WCAG 2.0 został opublikowany w 2008 roku
• WCAG 2.1 powstał w czerwcu 2018 r.

Wersja 2.1 zawiera 17 nowych kryteriów sukcesu (więcej na ten temat poniżej), z których kwestie dostępności są podzielone na cztery odrębne grupy zgodnie z wytycznymi WCAG. Kwestie te można podsumować skrótem POUR:

• Dostrzegalny: Czy wszyscy użytkownicy mogą postrzegać zawartość strony?
• Operacyjny: czy wszyscy użytkownicy mogą wchodzić w interakcję ze stroną?
• Zrozumiałe: czy wszyscy użytkownicy mogą zrozumieć zawartość strony?
• Solidność: czy treść może być interpretowana przez różne programy i urządzenia, w tym czytniki ekranu?

Wytyczne WCAG dzielą kwestie dostępności i zalecenia na trzy poziomy:

• Poziom A: Jest to najpilniejszy poziom i obejmuje problemy, które mogą poważnie ograniczyć zdolność niepełnosprawnego użytkownika do poruszania się po stronie lub korzystania z niej.
• Poziom AA: Poziom jest uważany za standard dla większości komercyjnych witryn internetowych. Dotyczy obszarów, w których konieczna jest poprawa, aby zapewnić niepełnosprawnym użytkownikom pełne wrażenia ze strony internetowej.
• Poziom AAA: Jest to najwyższy standard, który obejmuje dostrajanie w kwestiach, które dotyczą zarówno poziomu A, jak i AAA. Jednak zgodność z AAA jest prawdopodobnie poza zasięgiem większości stron internetowych.

Jak sprawić, by Twoje strony docelowe po kliknięciu były dostępne?

Oto dziewięć sposobów na zapewnienie, że strony po kliknięciu spełniają standardy ułatwień dostępu:

1. Spraw, aby Twoja strona była przyjazna dla klawiatury: Odwiedzający powinni być w stanie poruszać się po Twojej stronie po kliknięciu, nawet jeśli nie mają myszy, używając tylko klawisza „Tab” na klawiaturze. Dzięki temu odbiorcy korzystający z technologii wspomagających będą mogli nawigować i przewijać stronę oraz klikać przycisk wezwania do działania.

2. Zapewnij dostęp do całej zawartości: Wiele stron po kliknięciu korzysta z zawartości dynamicznej — zawartości, która zmienia się na podstawie wcześniej określonych tagów. Może to stać się problemem, jeśli strona nie poinformuje narzędzi pomocniczych o zmianie, ponieważ wiele czytników ekranu będzie tylko „odczytywać” zawartość strony tak, jak wygląda po pierwszym załadowaniu. Korzystając z zawartości dynamicznej, pamiętaj o tagowaniu zawartości dynamicznej jako aktywnego regionu, co umożliwi czytnikom ekranu i podobnym urządzeniom zrozumienie zawartości w miarę jej zmian.

3. Dołącz tekst alternatywny do wszystkich obrazów: Dodanie tekstu alternatywnego do obrazów gwarantuje, że tekst pojawi się jako zamiennik obrazu, jeśli nie zostanie załadowany, opisując i podając kontekst obrazu.

4. Dodaj kontrast do strony: jest to niezbędny krok, aby upewnić się, że kopia i wszystkie elementy strony wyróżniają się z tła i są widoczne dla użytkowników z niepełnosprawnością wzroku. Najlepiej ustawić ciemny kolor na jasny, upewniając się, że nie łączą się ze sobą:

5. Użyj nagłówków do strukturyzowania treści: H1, H2 i H3 pomagają uporządkować kopię i ułatwiają użytkownikom interpretację.

6. Oznacz pola formularza: Upewnij się, że każde pole formularza na Twojej stronie jest wyraźnie oznaczone, ponieważ pozwala to użytkownikowi z czytnikiem ekranu zrozumieć, w jaki sposób może wypełnić formularz. Strona Amplituda zawiera pola formularzy oznaczone etykietami:

7. Twórz responsywne strony: responsywne strony są ponownie formatowane i restrukturyzowane na dowolnym urządzeniu, niezależnie od rozmiaru ekranu. Strony są skalowane od mniejszych ekranów telefonów komórkowych, tabletów i małych laptopów po standardowe ekrany komputerów stacjonarnych i jeszcze większe monitory panoramiczne — a wszystko to oferując elastyczność i doskonałą użyteczność dla użytkowników na wszystkich urządzeniach.

8. Unikaj automatycznego odtwarzania multimediów i suwaków: Automatyczne odtwarzanie filmów może frustrować użytkowników korzystających z czytników ekranu, ponieważ wyciszenie lub wstrzymanie ich może być trudne. Podobnie suwaki i karuzele mogą powodować problemy ze zrozumieniem przez użytkowników.

9. Utwórz dostępną kopię: trzymaj się z dala od akronimów i technicznego żargonu, aby wszyscy użytkownicy rozumieli, co oferujesz.

Jak sprawdzić, czy Twoja strona jest zgodna z ADA i WCAG?

Wiele zasobów online pozwala sprawdzić, czy Twoja strona jest zgodna. Wystarczy wpisać adres URL i adres e-mail.

Biuro Dostępności do Internetu

BOIA umożliwia reklamodawcom sprawdzenie, czy ich strony są zgodne ze standardami dostępności:

AudioEye

AudioEye skanuje Twoją stronę za darmo i sprawdza, jak wypada pod względem dostępności:

Sitepopraw

Siteimprove sprawdza dostępność Twojej strony i zapewnia automatyczne testy zgodne ze standardami WCAG:

Aby sprawdzić ułatwienia dostępu, możesz też pobrać następujące rozszerzenia Chrome.

Narzędzie do oceny fali

Narzędzie oceny Wave zapewnia wizualną informację zwrotną na temat dostępności treści internetowych poprzez wstawianie ikon i wskaźników na stronę. Ułatwia ocenę człowieka i edukuje w kwestiach dostępności. Narzędzie podaje szczegółowe informacje na temat wielu problemów, elementów strukturalnych, błędów kontrastu, alertów i tekstu alternatywnego:

UserWay

Reklamodawcy mogą pobrać widżet UserWay, aby ocenić rozwiązania w zakresie ułatwień dostępu do strony bez refaktoryzacji istniejącego kodu – zapewniając kompleksowe ramy zgodności z prawem i przepisami obejmujące ADA, Sekcja 508 i WCAG 2.1 AA.

Widget jest dostępny dla wszystkich wiodących platform CMS, a także zwykłych witryn HTML/CSS/JS. Narzędzie oferuje krytyczne funkcje ułatwień dostępu oraz szeroki wybór funkcji, które użytkownicy mogą łączyć i dopasowywać, aby spełnić ich indywidualne potrzeby w zakresie ułatwień dostępu:

Round Table Pizza zawiera widżet UserWay, aby zapewnić dostępność. Najpierw za pomocą linii prowadzącej do czytania, a następnie odwracając kolory na ekranie:

ChromeVox

ChromeVox to czytnik ekranu, który zapewnia szybkość, prostotę i bezpieczeństwo Chromebooków użytkownikom z wadami wzroku. ChromeVox jest fabrycznie zainstalowany na Chromebookach, ale można go pobrać jako rozszerzenie.

Rozszerzenie wyróżnia każdą sekcję strony i odczytuje ją na głos dla użytkownika:

Co możesz zrobić w Instapage, aby spełnić wymagania

Instapage zaleca i ułatwia wszystkim użytkownikom przestrzeganie standardów dostępności witryny i tworzenie stron dostosowanych do wszystkich odbiorców. To zawiera:

• Zapewnienie użytkownikom łatwego sposobu dodawania tekstów zastępczych obrazu do wszystkich obrazów strony
• Udostępnianie klawiatury stron
• Zezwalanie czytnikom ekranu na rozpoznawanie wszystkich danych wejściowych formularza i przycisk przesyłania
• Dodanie odpowiednich tagów HTML
• Dodanie atrybutu języka do stron poprzez przesłanie prośby do zespołu pomocy

Ustalenie języka strony za pomocą atrybutu lang jest wymogiem WCAG, a dzięki temu użytkownik zyskuje na dwojaki sposób:

1. umożliwia poprawne działanie usług tłumaczeniowych, takich jak Google Chrome
2. ten atrybut mówi czytnikom ekranu, jak poprawnie wymawiać zawartość strony

Spraw, aby Twoje strony po kliknięciu były dostępne dla wszystkich

Aby zagwarantować, że wszyscy użytkownicy odwiedzający Twoje strony po kliknięciu mają równe szanse na konwersję, ważne jest, aby strony były dostępne dla wszystkich.

Aby dowiedzieć się więcej o tworzeniu dostępnych, spersonalizowanych stron docelowych po kliknięciu na dużą skalę, już dziś zamów prezentację Instapage Enterprise.