Changelog / Freemius Checkout is Now EU Accessibility Compliant

Freemius Checkout is Now EU Accessibility Compliant

We’re excited to announce that the Freemius Checkout is now fully compliant with the EU Accessibility Act, which comes into enforcement on June 28th. This means that by using Freemius Checkout, your website remains compliant with EU law.

Freemius Checkout fully EU accessibility act compliant

But we didn’t stop at just the legal requirements. We’ve gone a few steps further by also implementing recommended accessibility best practices, making sure our Checkout delivers an inclusive and user-friendly experience for everyone.

Here are some of the key improvements we’ve made:

Better Contrast Ratio & Focus States

We updated color schemes and font sizes to ensure compliance with WCAG 2.2 Level AA.

Checkout contrast and focus

Additionally, all interactive elements like buttons and links now have clear focus states, supporting both keyboard and assistive tech navigation.

Best Possible Keyboard Navigation

We audited and improved keyboard navigation across the entire Checkout experience.  There are no keyboard focus traps, and every component is now fully navigable using the keyboard, with relevant focus states clearly visible at all times.

Proper ARIA Live Regions

Freemius Checkout is dynamic. Price calculations and form updates happen in real-time.  

Checkout live region with dynamic text

We’ve added ARIA live regions to ensure screen readers can detect and announce content changes appropriately.

Checkout form validation with descriptive text

All form validation errors are now descriptive, with appropriate ARIA roles applied.

Accessible Form Components

Accessible form component

We’ve audited all form elements, both native and custom, to ensure:

  1. Proper use of labels and descriptions
  2. Clear visual states for hover, focus, and errors
  3. Conformance with WAI-ARIA Authoring Practices (WAI-APG) for components like listboxes, landmarks, and buttons

Updated Checkout JS SDK

Accessible Checkout Overlay with Freemius JS SDK

Our JavaScript SDK has also received accessibility enhancements:

  1.  The close (×) button is now always visible, not just on hover 
  2. The modal overlay and iFrame includes appropriate `role` and `title` attributes
  3. The active element is now focused back when the modal closes

If you are using the hosted version of the SDK (https://checkout.freemius.com/js/v1/) then no action is necessary from your side. If you’re using the npm package, then we urge that you update as soon as possible.

With these improvements wrapped up for the Checkout, our next focus is the Customer Portal.  

Stay tuned for further updates and if you notice any accessibility issues or have suggestions, reach out to our support team. We’d love to hear from you!