Достъпност с Shopify

Темите и приложенията на Shopify решават за достъпността. Плащането до голяма степен се задава от Shopify.

Чести места на находки

Цветове на темата с твърде нисък контраст, изображения на продукти без алтернативен текст, приложения за отзиви и изскачащи прозорци без управление с клавиатура, мега-менюта, които се отварят само при посочване, въртележки без пауза. Ядрото на Shopify обикновено не е проблемът — това са темата, приложенията и съдържанието, създадено в редактора за форматиран текст.

Проверка и избор на темата

Темата решава контраста, видимия фокус, структурата на заглавията и управлението на менюто и филтрите с клавиатура. Критерии преди избора: преминете началната страница, колекция и продуктова страница с клавиша Tab — фокусът винаги ли е видим? Отваря ли се менюто без мишка? Контрастът на текста и бутоните поне 4,5:1 ли е? Темите по подразбиране на Online Store 2.0 (Dawn и производните) са солидна отправна точка; при платените теми помага тестът с клавиатура на демото и запитването към доставчика за декларация за достъпност.

Изображения на продукти, варианти и форматиран текст

Дайте на всяко продуктово изображение в администрацията алтернативен текст, който описва съдържанието — не името на файла. Същото важи за изображенията на варианти. Текст, вграден като графика в значка или банер („Разпродажба“, „Само днес“), е невидим за екранните четци; използвайте истински текст. В редактора за форматиран текст на описанието на продукта използвайте нивата на заглавия чисто (не просто уголемявайте текста), а списъците като истински списъци.

Приложения и вградени джаджи

Приложенията за отзиви, изскачащи прозорци, допълнителни продажби и банер за бисквитки често вмъкват собствени джаджи, които улавят фокуса на клавиатурата, нямат етикети или показват наслагвания без възможност за затваряне. Тествайте всяко приложение поотделно с клавиатурата; приложенията за плъзгачи и обратно броене се нуждаят от пауза и не бива да мигат нищо. Наслагване за достъпност като приложение не решава структурните проблеми и се критикува от организации на хора с увреждания. При съмнение: премахнете приложението.

Плащане: какво определя Shopify и какво не

Стандартното плащане на Shopify се поддържа от Shopify и в голяма степен е изградено достъпно — там имате малко лостове. На какво влияете: разширенията за плащане и собствените полета (съобщение за подарък, проверка на възрастта) могат да пречат на използването с клавиатура или екранен четец, а пътят до плащането — количка, поле за код за отстъпка, избор на доставка — е в темата. Тествайте и тези стъпки.

Тестване и често задавани въпроси

Бърз тест: управлявайте началната страница, колекция и продуктова страница само с клавиатурата, увеличете в браузъра до 200%, стартирайте разширение като WAVE или axe DevTools. Безплатното сканиране на a11yglass допълнително проверява доставения HTML за контраст, алтернативни текстове, етикети, език и структура. Нуждае ли се моят магазин в Shopify от декларация за достъпност? По правило да — магазин, чрез който потребителите купуват, е електронна търговия по смисъла на BFSG; вижте страницата за декларацията за достъпност. Плащането на Shopify вече достъпно ли е? В голяма степен отговорност на Shopify, но разширенията могат да го счупят. Коя тема е достъпна? Няма знак — решаващо е изпълнението в конкретния случай.

Как помага a11yglass

Безплатното сканиране проверява доставения HTML и CSS за автоматично разпознаваеми нарушения на WCAG и за всяка констатация посочва критерия за успех и конкретна мярка. Открива приблизително 20–35 % от проблемите и не замества пълна оценка.

Чети нататък

Обща информация по най-добро знание, не правна консултация. За конкретния случай се обърни към адвокатска кантора, специализирана в ИТ право.