Volusion Accessibility Checklist 2026 | WCAG 2.1 AA & EAA

Volusion pulls product images from the catalog, and the alt text is commonly left as the file name, the product code, or blank. On a store, the product image is the primary content, so a screen reader user browsing a category hears a list of meaningless filenames and cannot distinguish products, compare options, or decide what to buy.

<img src="/v/vspfiles/photos/SKU-1042-2.jpg" alt="SKU-1042-2">

<img src="/v/vspfiles/photos/SKU-1042-2.jpg" alt="Navy wool overcoat, front view">

Older Volusion templates use HTML <table> elements to position page regions visually rather than to present tabular data. Screen readers may announce these as data tables ('table with 4 columns'), and the resulting reading order can diverge from the visual layout, confusing non-visual users and breaking the logical structure of category and product pages.

<table width="100%">
  <tr><td>Sidebar</td><td>Product details</td></tr>
</table>

<div class="product-layout">
  <aside>Sidebar</aside>
  <main>Product details</main>
</div>
<!-- CSS grid/flex handles the two-column layout -->

Volusion category menus and filter/facet controls frequently expand on mouse hover or rely on click handlers attached to non-interactive elements (spans, divs). Keyboard users cannot open submenus or apply filters, and screen reader users get no information about whether a section is expanded or collapsed.

The cart and multi-step checkout are the highest-risk surfaces on any store. In Volusion checkouts, fields are often labeled only by adjacent text or placeholder text with no programmatic association, required fields are indicated by color or an asterisk with no text, and autocomplete attributes are missing - so screen reader users cannot reliably identify each field or use browser autofill.

Card number <input type="text" name="cc">

<label for="cc">Card number (required)</label>
<input type="text" id="cc" name="cc" autocomplete="cc-number" inputmode="numeric" aria-required="true">

When a Volusion checkout or contact form rejects input, the error is often shown only by turning the field border or label red. Users who are colorblind or using a screen reader receive no indication of which field failed or why, and the messages are usually not programmatically tied to the field.

Retail templates lean on light-red 'Sale' badges, gray strike-through original prices, and pale 'Only 2 left' warnings that frequently fall below 4.5:1. These carry real purchasing information, so failing the contrast threshold puts price and availability out of reach for low-vision shoppers.