Всичко, от което се нуждаете, за да продавате онлайн

Set up an online store in minutes to sell on a website, социална медия, or marketplaces.

How Ecwid's Accessible Online Store Template Became a Hit

10 min read

The beauty of the digital marketplace lies in its potential unconstrained by physical boundaries. Shouldn’t accessing it be smooth sailing without any obstacles?

В Ecwid от Lightspeed, we recognize the importance of accessibility – that’s why our ecommerce platform follows standards issued under the Americans with Disabilities Act, or ADA.

It isn’t just about ticking a box for inclusivity – it struck a chord with online store owners.

One design template for Ecwid stores, по-специално, proved to be a hit, thanks to its accessible design. Сега, it’s the go-to option for entrepreneurs who want their stores to be both easy to use and open to everyone.

What Web Accessibility Means for Online Stores and Why It Is Important

Accessibility isn’t a feature; it’s a necessity. It acknowledges the spectrum of abilities and ensures that disabilities do not deter anyone from using digital platforms.

Common accessibility requirements relate to visual, auditory, motor, and cognitive abilities. This includes ensuring compatibility with assistive technologies such as screen readers for individuals with visual impairments or alternative keyboard navigation for those with motor disabilities.

It’s a common misconception that accessibility is needed only for individuals with permanent disabilities. It also caters to temporary impairments, such as having a broken arm or recovering from eye surgery.

An accessible website benefits all kinds of users. Например, родител, който държи бебе, също би се възползвал от лесен за използване интерфейс, който изисква минимално използване на мишка или клавиатура.

Достъпен онлайн магазин означава достигане до по-широка аудитория и потенциални клиенти. Той също така насърчава приобщаването и създава по-приветлива среда за всички посетители на уебсайта.

Common Guidelines for Ensuring Accessibility

The Americans with Disabilities Act (ADA) е добре известен закон, който защитава хората с увреждания от дискриминация. Това важи и за цифровото пространство, и много страни имат свой собствен набор от насоки за достъпност за уебсайтове и онлайн платформи.

The Web Content Accessibility Guidelines (WCAG) е широко използвана рамка за създаване на достъпно уеб съдържание. Той включва четири принципа: възприемаем, работещ, разбираемо, и здрав. Тези принципи обхващат набор от нужди за достъпност и предоставят конкретни насоки, които разработчиците да следват.

Овластяване чрез достъпност

в 2020, екипът на Lightspeed доброволно създаде достъпен, bilingual online shop for Summit School in Montreal, an organization that helps neurodivergent students reach their potential.

Тогава, when Lightspeed added Ecwid to their lineup, we teamed up and revamped the Summit School’s website, building a Summit Marketplace с Екуид. The Summit Marketplace showcases the works of developmentally diverse artisans, artists, and entrepreneurs from Summit School.

The Summit Marketplace was built with Ecwid

As you might already know, Ecwid provides all users an Instant Site, а free ecommerce website with a built-in online store. Има различни шаблони за незабавни сайтове, пригодени за различни ниши.

Създаването на достъпен уебсайт за Summit School ни вдъхнови да направим нов шаблон за незабавен сайт.

Както е споменато по-горе, Ecwid вече беше съвместим с ADA и постави отметки във всички квадратчета за WCAG. Така, с какво точно решихме да се заемем този път?

Ето нещо за достъпните уебсайтове: включването на функции за достъпност понякога идва с жертване на естетиката на уебсайта. Например, балансиращ цвят, контраст, and font size can be challenging.

Също, WCAG tests can sometimes show mixed results, as in the example below. A button with black text is perceived as passing the test, yet in reality, it is more challenging to read than the same button featuring white text.

WCAG tests may occasionally yield inaccurate results

Simply following guidelines isn’t enough. Our aim was to develop a template that is not only accessible but also visually appealing, ensuring easy navigation without compromising the website’s aesthetics. We advocate for the idea that accessibility should also embody beauty.

По същото време, we believe that accessibility should not be sacrificed for aesthetics. Our template proves that it is possible to have both an accessible and visually appealing website.

Everything on the site, from the text size to how easy it is to get around, works for everyone. Сега, it’s one of our most popular online store templates among all templates for Instant Sites!

One of our most popular Instant Site templates

Между другото, the Ecwid ecommerce platform is accessible not just to customers but also to sellers. The Ecwid admin, where you manage your online store, is also designed with accessibility in mind. This makes it easier for business owners with disabilities to run their online stores efficiently.

Here’s what an Ecwid seller who happens to be visually impaired shared about running their Ecwid store:

I would like to thank you very much for a great store that is convenient to manage for visually impaired sellers! And not only the website but also the app is available to you, което не винаги е така!”

Как Ecwid гарантира, че шаблонът за незабавен сайт е достъпен

Достъпността не е свързана само със спазването на стандартите – става дума за реални хора, които не срещат бариери, когато се ангажират с онлайн съдържание. Как Ecwid постигна това?

  • Шаблон с висок контраст: Визуалната яснота беше приоритет, позволявайки на потребителите с увредено зрение бързо да разпознават текста и други елементи.
  • Изявен фокус върху витрината: The layout was structured to highlight the products and storefront without unnecessary distractions or the need for additional scrolling.
  • Enlarged elements: Large images and fonts were employed not merely for aesthetic appeal but to accommodate users with visual impairments.

It’s important to note that all Instant Site templates are accessible. The template in question was designed with accessibility as the primary focus while also making it sleek and beautiful. The latter might be difficult to do when ensuring a site’s accessibility, as it can be easy to overlook design elements in favor of functionality. въпреки това, with our templates, we were able to achieve both.

How to Make Your Online Store Accessible

Implementing an accessible online store might appear daunting, but actually, it isn’t. It starts with selecting an accessible website template, like any of Ecwid’s Instant Site templates.

Here are some additional tips to make your online store more accessible:

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

By choosing Ecwid’s pre-designed templates, you start with an accessible baseline. Customizations are welcome, but keep an eye on maintaining accessibility.

When creating a website from scratch, it’s important to consider accessibility for all users. This means starting with an accessible baseline using templates or guidelines such as WCAG, ADA, or equivalent standards.

But beyond these guidelines, it’s also crucial to understand the specific needs of your customer base.

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

Снимките по-долу показват защо онлайн магазините, обслужващи такива купувачи, се нуждаят от силен контраст между цветовете на бутоните и текста, за да им помогнат да разграничат опциите и да направят покупки.

Ето как повечето хора виждат цветовете

Ето как хората с протанопия (форма на цветна слепота) виж цветовете

по същия начин, if your target audience includes individuals with mobility impairments, ensuring easy navigation through voice commands can greatly improve their browsing experience.

Check your site regularly with tools like Google Lighthouse to see how accessible your store is. Continually assessing and improving things is critical to creating a welcoming online space for everyone.

Завийте

Ecwid’s accessible ecommerce platform is more than a win for a product; it’s all about making ecommerce easy for everyone. Ecwid helps online store owners get the most out of their business. More importantly, it ensures every customer can have a smooth shopping experience, no matter their abilities.

Помня, accessible design is not just about compliance — it’s about creating an inclusive and welcoming online space for all. Така, don’t hesitate to take the initiative and make your website more accessible! Let’s work towards a digital world that is genuinely open and inclusive for everyone.

 

Table of contents

Продавайте онлайн

With Ecwid Ecommerce, you can easily sell anywhere, за всеки - в интернет и по целия свят.

About the author

Anastasia Prokofieva is a content writer at Ecwid. She writes about online marketing and promotion to make entrepreneurs’ daily routine easier and more rewarding. She also has a soft spot for cats, chocolate, and making kombucha at home.

Ecommerce that has your back

So simple to use – even my most technophobic clients can manage. Easy to install, quick to set up. Light years ahead of other shop plugins.
I’m so impressed I’ve recommended it to my website clients and am now using it for my own store along with four others for which I webmaster. Beautiful coding, excellent top-notch support, great documentation, fantastic how-to videos. Thank you so much Ecwid, you rock!
I’ve used Ecwid and I love the platform itself. Everything is so simplified it’s insane. I love how you have different options to choose shipping carriers, to be able to put in so many different variants. It’s a pretty open e-commerce gateway.
Easy to use, достъпни (and a free option if starting off). Looks professional, many templates to select from. The App is my favorite feature as I can manage my store right from my phone. Highly recommended 👌👍
I like that Ecwid was easy to start and to use. Even for a person like me, without any technical background. Very well written help articles. And the support team is the best for my opinion.
For everything it has to offer, ECWID is incredibly easy to set up. Highly recommend! I did a lot of research and tried about 3 other competitors. Just try ECWID and you'll be online in no time.

Your ecommerce dreams start here

By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Your Privacy

When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. въпреки това, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information

More information

Strictly Necessary Cookies (Always active)
These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
Functional Cookies
These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third-party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
Performance Cookies
These cookies allow us to count visits and traffic sources, so we can measure and improve the performance of our site. They help us know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies, we will not know when you have visited our site.