We try to follow https://www.w3.org/TR/WCAG21 as close as possible, here are the details for each rule:
1.1 Text Alternatives: We provide alternative text for images (e.g. product image)
1.2 Time-based Media: We have neither video nor audio contents
1.3 Adaptable: We support both mobile and desktop screen
1.4 Distinguishable: We always make sure our text are readable (with sufficient contrast) and resizable
2.1 Keyboard Accessible: We do not support keyboard navigation currently
2.2 Enough Time: Only an explicit action by the user (e.g. closing pop-ups) can dismiss information we display to them
2.3 Seizures and Physical Reactions: The UI only includes a few lightweight animations
2.4 Navigable: The UI always displays on which page the user is. Our navigation is only one level deep. We sometime use pop-ups; those are easily dismissible by the user
2.5 Input Modalities: The user doesn't need to use a keyboard with the exception of signing in the store and signing in third parties (Twitter, Facebook, ...)
3.1 Readable: All texts displayed on the UI is available in 6 languages (en, nl, fr, de, it, es, sv). Those are entirely customizable by the merchant. Merchants are not limited to the default languages and can provide their own. Although, we only support one language by site.
3.2 Predictable: Our UI follow web standard when displaying inputs, links... etc.
3.3 Input Assistance: We make sure it's not possible for user to provide invalid information but they cannot correct mistake we deemed valid; either the merchant or LoyaltyLion support will be able to correct those mistakes (e.g. user cannot set a birthdate in the future, but they incorrectly set their birthday only the merchant can correct it)
4.1 Compatible: We support all evergreen browsers and Internet Explorer 10 and over
Accessibility features on the Loyalty Page
Keyboard-only shoppers can reach and activate everything on the page. This includes earning tiles, reward buttons, copy/share buttons and carousels.
Screen readers announce all notifications and errors that show on the page.
Screen-reader labels are translated into all 7 supported languages by LoyaltyLion.
Icon-only buttons, such as the copy code or social share, have real labels attached rather than nothing.
Page sections and headings are properly structured, so screen-reader users can navigate the page.
Progress bars, tier comparisons and status icons expose their meaning, which honours "reducing motion".
Referral and email-capture forms have properly associated field labels and announce validation errors, or successes, to screen readers.
Modal dialogs trap focus (Tab stays inside, Esc closes) and focus returns to where you opened it. Modal close buttons are also keyboard-reachable.
