Digital Accessibility Blog

Building an Accessible Website in Adobe Commerce (Magento)

Written by Gary | Dec 11, 2023

 

Adobe Commerce (formerly Magento) is a leading eCommerce platform, powering many of the internet’s top storefronts. It’s flexible and scalable thanks to a vast number of third-party extensions and support for custom modules — but out of the box, it’s not necessarily accessible. 

Why? For starters, digital accessibility depends on the decisions of the content creator. Even if you use an accessible template, you could introduce barriers for people with disabilities by choosing a low-contrast color scheme, uploading pictures without relevant alternative text (alt text), or installing an extension with poor keyboard support.

This isn’t specific to Adobe Commerce or Magento. Whether you’re using Shopify, Wordpress, or any other software to manage your content, you need to think about accessibility. 

 

Why Accessibility is Important for eCommerce

 

eCommerce stores have especially good reasons to think about the needs and preferences of users with disabilities. Online stores are frequent targets for web accessibility lawsuits filed under the Americans with Disabilities Act (ADA). 

More importantly, an accessible online store provides enormous competitive advantages. If you care about improving your key eCommerce metrics, you need to think about real users — the best practices of inclusive design can help. 

With that in mind, here are a few basic tips for building an accessible website in Adobe Commerce (or Magento). 

 

Avoiding Common Accessibility Issues in Adobe Commerce

 

The Adobe Commerce platform has been tested for conformance with the Web Content Accessibility Guidelines (WCAG) versions 2.0 and 2.1, along with the Revised Section 508 Standards of the Rehabilitation Act of 1973 (those standards are based on WCAG and incorporate nearly all of WCAG 2.0 by reference). 

But as we’ve discussed, content creators are responsible for following WCAG — and it’s certainly possible to make a wholly inaccessible website with Adobe Commerce’s site builder. 

If you’ve already created your eCommerce website, the best practice is to test your content against the latest version of WCAG (currently, WCAG 2.2) and fix any Level A/AA success criteria. Learn more about the differences in WCAG conformance levels. 

And if you’re just learning about accessibility, you should review your content for common mistakes:

 

 

Testing your website for these issues will not make it perfectly accessible for all users — perfect accessibility doesn’t exist. However, you’ll address many of the most common barriers that impact users. That can quickly translate to improved engagement rates, lower shopping cart abandonment rates, and better brand positioning.

Related: The State of eCommerce Web Accessibility in 2023: 4 Takeaways

 

Testing Adobe Commerce and Magento Websites for Digital Compliance

 

While you can improve accessibility by testing against WCAG, you’ll need a long-term strategy to prevent new issues from cropping up. Ideally, you’ll use a combination of automated and manual tests — and manual tests should be performed by people who have experience with assistive technologies. 

The Bureau of Internet Accessibility can help. We provide onsite and self-paced training, website accessibility audits, and 24/7 accessibility support, along with free resources for learning the basics of inclusive design. 

To get started, send us a message to connect with an expert or download our free Ultimate Guide to Web Accessibility.