The Loyalty Page is available on Classic plans and above.
We build the Loyalty Page to follow the Web Content Accessibility Guidelines (WCAG) 2.1 as closely as we can, so that shoppers who use a keyboard or a screen reader can take part in your loyalty program.
This article covers the Loyalty Page only. It doesn't cover the loyalty widget and pop-up.
In this article:
Accessibility features on the Loyalty Page
Keyboard use: shoppers can use the Loyalty Page with a keyboard alone. Buttons, including earning tiles, reward buttons and copy and share buttons, respond to Enter and Space.
Pop-up windows: while a pop-up window is open, Tab keeps focus inside it and Esc closes it. Focus then returns to where the shopper opened it.
Announcements: screen readers announce the notifications and error messages that appear on the page.
Labels: icon-only buttons, such as copy code and social share, carry a text label for screen readers. We translate these labels into every language we provide.
Structure: page sections and headings are marked up so screen-reader users can move around the page.
Progress: tier progress bars and challenge progress tell screen readers how far a shopper has got.
Forms: the referral, email capture and birthday forms have labeled fields, and announce errors and successes to screen readers.
Reduced motion: the points counter doesn't animate when a shopper has turned on their device's reduce motion setting.
Languages
We translate the Loyalty Page into 8 languages: Danish, Dutch, English, French, German, Italian, Spanish and Swedish. You can change any text on the page in LoyaltyLion, under Display and then Languages & text.
On Shopify, Advanced plans and above can show the Loyalty Page in more than one language, so each shopper sees it in theirs.
Supported browsers
We build the Loyalty Page for these browsers, at these versions and later:
Chrome 103
Edge 116
Firefox 115
Safari 14
Safari on iOS 15
Chrome on Android 111
Samsung Internet 22
Opera 102
Internet Explorer isn't supported.