Jak si vyrobit Shopify Store ADA kompatibilní v roce 2024

Naučit se, jak zajistit, aby váš obchod vyhovoval ADA, je důležitější, než si myslíte. Nejen, že zajišťuje, že dodržujete zásadní předpisy pro přístupnost webu, ale může být také klíčem k přilákání a přeměně více loajálních zákazníků.

Studie ukazují jeden ze čtyř dospělých v USA žít s nějakou formou postižení, ale pouze 3 % internetu je pro tyto osoby přístupné. Zde je váš podrobný průvodce, který vám pomůže oslovit co nejvíce potenciálních zákazníků váš Shopify uložit.

Co je přístupnost webu? Základy

Přístupnost webu je způsob, jak učinit webové stránky použitelnými a pohodlnými pro všechny návštěvníky, bez ohledu na jejich fyzické nebo kognitivní postižení nebo omezení.

Online svět by měl být v zásadě přístupný každému uživateli a zvládnutí přístupnosti webu znamená dodržovat určité principy návrhu, aby lidé, kteří mají potíže, měli stále přístup k pozitivnímu online zážitku.

Při správném použití směrnice pro přístupnost webu zajišťuje, že lidé mohou porozumět stránkám a aplikacím, se kterými se na webu setkávají, a mohou s nimi procházet a pracovat s nimi. Zahrnuje řešení a reakci na sluchová, fyzická, zraková, neurologická a další omezení.

Co je ADA? Zákon o Američanech se zdravotním postižením

Přístupnost webu se řídí řadou různých standardů a regulačních skupin. Zákon o Američanech se zdravotním postižením je jedním ze zásadních pokynů, které musí obchodní lídři zvážit při navrhování svých webových stránek.

ADA, poprvé vstoupil do zákona v roce 1990, je zákon, který zakazuje společnostem diskriminovat jednotlivce se zdravotním postižením.

Cílem ADA je zajistit, aby lidé s omezeními měli stejná práva a přístup ke zkušenostem jako všichni ostatní. Budování firem Shopify obchody se musí ujistit, že dodržují pokyny stanovené ADA, aby zaručily a udržely shodu.

Proč je důležité zlepšit přístupnost vašeho Shopify Stránky?

Koneckonců, každý podnik potřebuje přístupné webové stránky. Zajištění vašeho internetového obchodu, popř Shopify dodržování standardů přístupnosti webových stránek je zásadní pro udržení souladu a předcházení soudním sporům ADA. Je to však také dobrý způsob, jak zvýšit ziskovost vašeho webu. 

V roce 2022 jedna zpráva zjistila, že více než 83 % webových stránek mělo problémy s přístupností. Tím se tyto společnosti vystavují riziku pokut za dodržování předpisů, ale také to znamená, že přijdou až o 13 bilionu $ v disponibilním příjmu kontrolovaném osobami se zdravotním postižením.

Pokud všichni nebudou mít přístup k vašemu obchodu a nebudou jej používat, přicházíte o potenciální příležitosti ke konverzi. A co víc, zdá se, že existuje jasná souvislost mezi dostupností webu a optimalizací pro vyhledávače (SEO). Stránky s jasnými, popisnými nadpisy a vynikajícími uživatelskými zkušenostmi mívají vyšší hodnocení než jejich konkurenti a těží z vyšší návštěvnosti.

Náš Top 5 Shopify Tipy pro usnadnění

Dobrá zpráva pro Shopify majitelé obchodů, jsou tam zabudované funkce pro usnadnění Shopify, stejně jako příručky, kterými se můžete řídit, abyste se drželi pojmů, jako jsou „Pokyny pro přístupnost webového obsahu“. Stále je však důležité podniknout další kroky, abyste zajistili, že váš obchod bude v souladu s ADA.

Zde jsou naše nejlepší tipy, jak začít.

Zkontrolujte dostupnost svého obchodu

Než začnete provádět pozitivní změny ve skóre přístupnosti svého webu, musíte pochopit, jaké problémy aktuálně máte. Nejjednodušší způsob, jak toho dosáhnout, je použít bezplatný nástroj pro kontrolu přístupnosti webových stránek. Existují různé skvělé nástroje, jako je web accessibilitychecker.org vyhovující ADA a WCAG.

Tyto nástroje provádějí řadu kontrol, které pomáhají vlastníkům stránek určit problémy s věcmi, jako je kontrast v paletách barev a navigace. I když existuje spousta nástrojů pro usnadnění přístupu, widgetů a plugins tam můžete také ručně prozkoumat dostupnost vašeho e-shopu.

Můžete například načíst svůj obchod a používat navigaci pomocí klávesnice, abyste zajistili, že se po webu budete pohybovat bez použití myši.

Mezi další věci, které stojí za zhlédnutí, patří:

• Typografie a přizpůsobení písma: Pro pohodlné čtení textu budou muset někteří uživatelé změnit způsob jeho zobrazení. Pro zvýšení čitelnosti je důležité, aby uživatelé mohli měnit velikost textu, písmo, barvu a mezery. Můžete si přiblížit svůj prohlížeč a zjistit, zda se obsah začíná překrývat nebo zda trpí problémy s čitelností.
• Vaše karty: Když se stránka načte, umístěte ukazatel myši na kartu prohlížeče, abyste zajistili jedinečný název, který jasně vysvětluje účel a obsah webové stránky. To uživatelům pomůže lépe se orientovat na vašich webových stránkách a lépe jim porozumět.
• Chybová hlášení: Zadejte nesprávná nebo problematická data do formulářů na svém webu, jako jsou například formuláře k pokladně. Ujistěte se, že chybové zprávy, které se uživatelům zobrazují, jsou jasné a poskytují pokyny, jak problém vyřešit.

Použijte alternativní text pro všechny své obrázky

Přidání alternativního textu do všech vašich vizuálních médií na Shopify je zásadní jak pro dostupnost, tak pro zlepšení vaší strategie optimalizace pro vyhledávače. Váš „alternativní text“ je v podstatě jednoduchý popis obrázku, který mohou čtečky obrazovky přečíst nahlas osobám se zrakovým postižením, slabozrakým nebo lidem s poruchami smyslového zpracování nebo učení.

Alternativní text pomáhá vykreslit komplexní obrázek webové stránky pro lidi, kteří nemohou vnímat obrázky stejným způsobem jako ostatní. Chcete-li do médií přidat alternativní text Shopify, můžete použít nástroje pro vytváření stránek pro blogy nebo obrazovku „Produkty“ pro obrázky produktů.

Pokud k produktu přidáváte alternativní text, klepněte na produkt a vyberte obrázek produktu, aby se zobrazila obrazovka „Náhled“, poté klepněte na tlačítko se třemi tečkami. Vyberte „upravit alternativní text“ a zadejte své údaje. Pokud přidáváte text k obrázkům motivů, navštivte Editor motivů a klikněte na obrázek, který vyžaduje alternativní text. Klikněte na „Upravit“ na obrázku a zadejte text do části „alt text“.

Navrhujte webové stránky pro „vypnutí zvuku“

V dnešní době bezpočet správců webových stránek elektronického obchodu a majitelů firem používá video k propagaci svých produktů nebo sdílení informací s návštěvníky. Pokud na svém webu používáte videa, je důležité si uvědomit, že ne každý bude sledovat váš web s přístupem ke zvuku.

Někteří lidé mohou mít navíc sluchové vady, které jim znesnadňují poslech obsahu, který sdílíte na svých webových stránkách.

Ať už používáte video na svých produktových stránkách, k předvádění zákaznických recenzí nebo k propagačním účelům, zajistěte, aby byly zahrnuty titulky a přepisy pro každého, kdo váš obsah nemůže jednoduše „poslouchat“.

Přidání titulků a popisů obrazů k vašemu videoobsahu může zlepšit zážitek pro všechny uživatele, nejen pro ty se sluchovým postižením. Pamatujte, že někteří zákazníci budou váš obsah prohlížet na svých chytrých telefonech.

Kolem 75 % těchto spotřebitelů mít při sledování videa vypnutý telefon. Přepisy a titulky vám také umožní používat ve vašem obsahu více klíčových slov, což by mohlo zlepšit váš potenciál hodnocení ve vyhledávačích.

Použijte popisná záhlaví a odkazy

Pokud ke zvýšení návštěvnosti svých webových stránek využíváte strategie optimalizace pro vyhledávače, měli byste již na všech svých webových stránkách používat záhlaví a popisné odkazy. Chcete-li zlepšit dostupnost webu a dodržování předpisů, začněte tím, že velké bloky obsahu na stránkách rozdělíte na menší části. Použijte záhlaví v pořadí (H2, následované například H3), abyste uživatele provedli stránkou.

Pamatujte, že čtečky obrazovky a pomocné technologie oznámí každý z vašich podnadpisů, aby uživatelům pomohly pochopit, kde se na stránce nacházejí. Můžete také použít jiné strategie návrhu, jako je tučné písmo a kurzíva, abyste upozornili na konkrétní slova a fráze, když jsou obzvláště důležité nebo když sdílíte nabídku.

Kromě správného používání záhlaví se ujistěte, že jsou vaše odkazy popisné a jasné. Popisné odkazy pomáhají uživatelům přesně porozumět tomu, čeho kliknutím na odkaz dosáhnou. Lidé, kteří používají čtečky obrazovky, často procházejí e-maily a další stránky tak, že procházejí každý odkaz, aby určili, na co mají kliknout. Vytváření odkazů, které jsou informativní, pomáhá přimět vaše zákazníky k pozitivní akci.

Použijte také správný text CTA (Call to Action). Například místo pouhého vyslovení „prohlédněte si naši sbírku nových ponožek zde“, zkuste „kliknutím sem zobrazíte naši sbírku ponožek“.

Buďte opatrní s barvou

A konečně, barva je jedním z nejdůležitějších aktiv ve vaší sadě nástrojů pro návrh webu. Psychologie barev ovlivňuje, jak si lidé myslí a cítí vaši značku. Například modrá je barva spojená s důvěrou, zatímco zelená je spojena s přírodou a bohatstvím.

Barva také pomáhá sdělovat informace, například červené tlačítko upozorňuje na položku na vaší stránce a označuje její důležitost. Použití různých barev pro odkazy na vašich stránkách také pomáhá zákazníkům určit, na které segmenty „textu kotvy“ mohou kliknout.

Snaha sdělit informaci pouze barvou však může být problematická. Lidé se zrakovým postižením mohou často přehlédnout změny barev s „nízkým kontrastem“. Proto je důležité najít jiné způsoby, jak vyniknout určitým částem obsahu. Interní odkazy můžete například podtrhnout nebo tučným písmem zviditelnit.

Můžete také použít online nástroje, jako je barva kontrola kontrastu od WebAIM které vám pomohou identifikovat stránky, které nesplňují standardy WCAG a ADA. Další možností je zobrazit svůj web černobíle, abyste zjistili, zda byste stále byli schopni identifikovat důležité části stránky bez použití barev.

Tvorba vašeho Shopify Store ADA kompatibilní

Vybudování úspěšného internetového obchodu znamená víc než jen výběr správné platformy elektronického obchodu a prodej správných produktů. Musíte také zajistit, aby byl váš obchod provozuschopný pro všechny uživatele, a to podle pokynů pro soulad se standardy ADA a WCAG.

Vlastníci webových stránek, kteří se zavázali k optimalizaci přístupnosti, snižují riziko právních problémů a zajišťují, že mohou zlepšit zkušenosti, které poskytují svým zákazníkům.

Zajištění digitální dostupnosti však není jednorázový projekt. Pokaždé, když aktualizujete svůj web nebo na něj přidáváte něco nového, musíte se ujistit, že nezavádíte nové problémy s přístupností.

Pravidelně sledujte své webové stránky, zda nedochází k potenciálním problémům, a ujistěte se, že je váš obchod přístupný všem spotřebitelům bez ohledu na jejich omezení nebo postižení.