Jak zrobić twój Shopify Przechowuj zgodny z ADA w 2024 r

Nauczenie się, jak zapewnić zgodność swojego sklepu z ADA, jest ważniejsze, niż myślisz. Nie tylko zapewnia to przestrzeganie kluczowych przepisów dotyczących dostępności sieci, ale może być również kluczem do przyciągania i konwertowania bardziej lojalnych klientów.

Badania pokazują jeden na czterech dorosłych Amerykanów żyć z jakąś formą niepełnosprawności, ale tylko 3% Internetu jest dostępny dla tych osób. Oto przewodnik krok po kroku, który pomoże Ci dotrzeć do jak największej liczby potencjalnych klientów Twój Shopify sklep.

Co to jest dostępność sieci? Podstawy

Dostępność sieci to praktyka polegająca na tworzeniu witryn internetowych użytecznych i wygodnych dla wszystkich odwiedzających, niezależnie od ich upośledzenia fizycznego lub poznawczego bądź ograniczeń.

Świat online powinien być zasadniczo dostępny dla każdego użytkownika, a opanowanie dostępności sieci oznacza przestrzeganie pewnych zasad projektowania, aby zapewnić osobom doświadczającym trudności nadal dostęp do pozytywnych doświadczeń online.

Używane prawidłowo wytyczne dotyczące dostępności sieci zapewniają użytkownikom możliwość zrozumienia stron i aplikacji, nawigacji oraz interakcji z nimi, które napotykają w sieci. Obejmuje adresowanie i reagowanie na ograniczenia słuchowe, fizyczne, wzrokowe, neurologiczne i inne.

Co to jest ADA? Ustawa o osobach niepełnosprawnych Amerykanów

Dostępność sieci jest regulowana przez wiele różnych standardów i grup regulacyjnych. Ustawa o osobach niepełnosprawnych (Americans with Disabilities Act) to jedna z kluczowych wytycznych, którą liderzy biznesu muszą wziąć pod uwagę przy projektowaniu swoich stron internetowych.

Ustawa ADA, która weszła w życie po raz pierwszy w 1990 r., zakazuje przedsiębiorstwom dyskryminowania osób niepełnosprawnych.

Celem ADA jest zapewnienie osobom z ograniczeniami takich samych praw i dostępu do doświadczeń jak wszystkim innym. Budowa firm Shopify sklepy muszą upewnić się, że przestrzegają wytycznych określonych przez ADA, aby zagwarantować i utrzymać zgodność.

Dlaczego ważna jest poprawa dostępności Twojego Shopify Teren?

Ostatecznie każda firma potrzebuje dostępnej strony internetowej. Zabezpieczenie Twojego sklepu internetowego, lub Shopify zgodność strony internetowej ze standardami dostępności ma kluczowe znaczenie dla utrzymania zgodności i uniknięcia procesów sądowych ADA. Jest to jednak również dobry sposób na zwiększenie rentowności Twojej witryny. 

W jednym raporcie z 2022 r. stwierdzono, że ponad 83% witryn internetowych miało problemy z dostępnością. Naraża to te firmy na ryzyko kar finansowych za przestrzeganie przepisów, ale także oznacza, że ​​tracą nawet do $ 13 biliona w dochodzie rozporządzalnym kontrolowanym przez osoby niepełnosprawne.

Jeśli wszyscy nie mogą uzyskać dostępu do Twojego sklepu i z niego korzystać, tracisz potencjalne możliwości konwersji. Co więcej, wydaje się, że istnieje wyraźny związek między dostępnością sieci a optymalizacją wyszukiwarek (SEO). Witryny z jasnymi, opisowymi nagłówkami i doskonałymi doświadczeniami użytkowników zwykle zajmują wyższą pozycję w rankingu niż ich konkurenci, czerpiąc korzyści z dodatkowego ruchu.

Nasz Top 5 Shopify Wskazówki dotyczące dostępności

Dobra wiadomość dla Shopify właściciele sklepów, czy są wbudowane funkcje ułatwień dostępu Shopify, a także przewodniki, których możesz przestrzegać, aby przestrzegać takich pojęć, jak „Wytyczne dotyczące dostępności treści internetowych”. Jednak nadal ważne jest podjęcie dodatkowych kroków, aby upewnić się, że Twój sklep jest zgodny z ADA.

Oto nasze najważniejsze wskazówki na początek.

Sprawdź dostępność swojego sklepu

Zanim zaczniesz wprowadzać pozytywne zmiany w wskaźniku dostępności swojej witryny, musisz zrozumieć, z jakimi problemami się obecnie borykasz. Najłatwiej to zrobić, korzystając z bezpłatnego narzędzia do sprawdzania dostępności stron internetowych. Istnieje wiele świetnych narzędzi, takich jak witryna zgodna z ADA i WCAG accessibilitychecker.org.

Narzędzia te przeprowadzają szereg kontroli, aby pomóc właścicielom witryn wykryć problemy takie jak kontrast w paletach kolorów i nawigacja. Chociaż istnieje wiele narzędzi, widżetów i narzędzi ułatwiających dostępność plugins tam, możesz również ręcznie sprawdzić dostępność swojego sklepu internetowego.

Na przykład możesz załadować swój sklep i używać nawigacji za pomocą klawiatury, aby mieć pewność, że możesz poruszać się po witrynie bez użycia myszy.

Inne rzeczy, na które warto zwrócić uwagę, to:

• Typografia i dostosowywanie czcionek: Aby wygodnie czytać tekst, niektórzy użytkownicy będą musieli zmienić sposób jego wyświetlania. Zezwolenie użytkownikom na zmianę rozmiaru tekstu, czcionki, koloru i odstępów jest ważne dla zwiększenia czytelności. Możesz powiększyć przeglądarkę, aby sprawdzić, czy treść zaczyna się nakładać lub czy występują problemy z czytelnością.
• Twoje zakładki: Po załadowaniu strony najedź kursorem na kartę przeglądarki, aby upewnić się, że znajduje się na niej unikalny tytuł, który jasno wyjaśnia cel i zawartość strony internetowej. Pomoże to użytkownikom efektywniej poruszać się po stronach Twojej witryny i rozumieć je.
• Komunikaty o błędach: Wprowadź nieprawidłowe lub problematyczne dane w formularzach na swojej stronie internetowej, np. w formularzach realizacji transakcji. Upewnij się, że komunikaty o błędach wyświetlane użytkownikom są jasne i zawierają wskazówki dotyczące rozwiązania problemu.

Użyj tekstu alternatywnego dla wszystkich swoich obrazów

Dodawanie tekstu alternatywnego do wszystkich multimediów wizualnych Shopify jest kluczowy zarówno dla dostępności, jak i poprawy strategii optymalizacji wyszukiwarki. Twój „tekst alternatywny” to w zasadzie prosty opis obrazu, który czytniki ekranu mogą odczytać na głos osobom z dysfunkcją wzroku lub niedowidzącym, lub osobom z zaburzeniami przetwarzania sensorycznego lub uczenia się.

Tekst alternatywny pomaga nakreślić kompleksowy obraz strony internetowej dla osób, które nie potrafią postrzegać obrazów w taki sam sposób jak inni. Aby dodać tekst alternatywny do multimediów Shopify, możesz użyć narzędzi do tworzenia stron dla blogów lub ekranu „Produkty”, aby wyświetlić zdjęcia produktów.

Jeśli dodajesz tekst alternatywny do produktu, dotknij produktu i wybierz zdjęcie produktu, aby wyświetlić ekran „Podgląd”, a następnie dotknij przycisku z trzema kropkami. Wybierz „edytuj tekst alternatywny” i wprowadź swoje dane. Jeśli dodajesz tekst do obrazów motywów, odwiedź Edytor motywów i kliknij obraz, który wymaga tekstu alternatywnego. Kliknij „Edytuj” na obrazie i wprowadź tekst w sekcji „tekst alternatywny”.

Projektuj strony internetowe dla „Sound Off”

Obecnie niezliczeni menedżerowie witryn e-commerce i właściciele firm używają wideo, aby reklamować swoje produkty lub udostępniać informacje odwiedzającym. Jeśli używasz filmów na swojej stronie, ważne jest, aby pamiętać, że nie każdy będzie oglądał Twoją stronę z dostępem do dźwięku.

Ponadto niektóre osoby mogą mieć wadę słuchu, która utrudnia im słuchanie treści udostępnianych w Twojej witrynie.

Niezależnie od tego, czy używasz wideo na stronach produktów, do zaprezentowania opinii klientów, czy do celów promocyjnych, upewnij się, że dołączone są napisy i transkrypcje, aby każdy, kto nie może po prostu „słuchać” Twoich treści.

Dodanie napisów i opisów elementów wizualnych do treści wideo może poprawić wygodę wszystkich użytkowników, nie tylko tych z wadami słuchu. Pamiętaj, że niektórzy klienci będą przeglądać Twoje treści na smartfonach.

Około 75% tych konsumentów podczas oglądania wideo wycisza telefon. Transkrypcje i podpisy pozwolą Ci również na użycie większej liczby słów kluczowych w treści, co może poprawić Twój potencjał w rankingu wyszukiwarek.

Używaj opisowych nagłówków i łączy

Jeśli stosujesz strategie optymalizacji wyszukiwarek w celu zwiększenia ruchu w swojej witrynie, powinieneś już używać nagłówków i linków opisowych na wszystkich stronach swojej witryny. Aby zwiększyć dostępność i zgodność sieci, zacznij od podzielenia dużych bloków treści na stronach na mniejsze sekcje. Używaj nagłówków w odpowiedniej kolejności (na przykład H2, a następnie H3), aby poprowadzić użytkowników po stronie.

Pamiętaj, że czytniki ekranu i technologie wspomagające ogłoszą każdy z Twoich podtytułów, aby pomóc użytkownikom zrozumieć, gdzie się znajdują na stronie. Możesz także zastosować inne strategie projektowania, takie jak pogrubienie i kursywa, aby zwrócić uwagę na określone słowa i wyrażenia, gdy są one szczególnie ważne lub gdy udostępniasz cytat.

Oprócz poprawnego używania nagłówków, upewnij się, że Twoje linki są opisowe i jasne. Opisowe linki pomagają użytkownikom zrozumieć dokładnie, co osiągną, klikając link. Osoby korzystające z czytników ekranu często nawigują po wiadomościach e-mail i innych stronach, przechodząc przez każdy link, aby określić, w co powinny kliknąć. Tworzenie linków, które są informacyjne, pomaga wywołać pozytywne działanie u Twoich klientów.

Użyj także odpowiedniego tekstu CTA (wezwania do działania). Na przykład zamiast po prostu powiedzieć „zobacz tutaj naszą kolekcję nowych skarpet”, spróbuj „kliknij tutaj, aby zobaczyć naszą kolekcję skarpet”.

Bądź ostrożny z kolorem

Wreszcie, kolor jest jednym z najważniejszych zasobów w Twoim zestawie narzędzi do projektowania stron internetowych. Psychologia koloru wpływa na to, jak ludzie myślą i czują o Twojej marce. Na przykład niebieski jest kolorem kojarzonym z zaufaniem, podczas gdy zielony jest związany z naturą i bogactwem.

Kolor pomaga również przekazywać informacje, na przykład czerwony przycisk zwraca uwagę na zasób na Twojej stronie i oznacza jego znaczenie. Używanie różnych kolorów dla linków na Twoich stronach pomaga również klientom zidentyfikować, w które segmenty „tekstu kotwicy” mogą kliknąć.

Jednak próba przekazania informacji za pomocą samego koloru może być problematyczna. Osoby z wadami wzroku często mogą nie zauważyć zmian kolorów przy „niskim kontraście”. Dlatego ważne jest znalezienie innych sposobów, aby wyróżnić pewne elementy treści. Na przykład możesz podkreślić lub pogrubić wewnętrzne linki, aby były bardziej widoczne.

Możesz także skorzystać z narzędzi online, takich jak kolor sprawdzanie kontrastu z WebAIM aby pomóc Ci zidentyfikować strony, które nie spełniają standardów WCAG i ADA. Inną opcją jest wyświetlenie witryny w trybie czarno-białym, aby ustalić, czy nadal będziesz w stanie zidentyfikować ważne części strony bez użycia koloru.

Dokonywanie Shopify Sklep zgodny z ADA

Budowanie skutecznego sklepu internetowego to coś więcej niż tylko wybór odpowiedniej platformy e-commerce i sprzedaż odpowiednich produktów. Musisz także upewnić się, że Twój sklep jest dostępny dla wszystkich użytkowników, zgodnie z wytycznymi dotyczącymi zgodności z ADA i WCAG.

Właściciele witryn internetowych, którzy zobowiązują się do optymalizacji dostępności, zmniejszają ryzyko problemów prawnych i zapewniają, że mogą poprawić jakość obsługi, jaką zapewniają swoim klientom.

Zapewnienie dostępności cyfrowej nie jest jednak projektem jednorazowym. Za każdym razem, gdy aktualizujesz swoją witrynę lub dodajesz do niej coś nowego, musisz upewnić się, że nie wprowadzasz nowych problemów z dostępnością.

Regularnie monitoruj swoją witrynę pod kątem potencjalnych problemów i upewnij się, że Twój sklep jest dostępny dla każdego konsumenta, bez względu na jego ograniczenia i niepełnosprawności.