Accessibility

Lintel is built to be usable with a keyboard and a screen reader. It targets WCAG 2.2 level AA.

What the theme does

Keyboard access. Menus, drawers, dialogs, carousels, filters, the variant picker and the cart can all be used with a keyboard. Dialogs and drawers keep focus inside while open and return it when closed. The Escape key closes them.
Skip link. A “Skip to content” link is the first thing keyboard users reach.
Visible focus. Every control shows a focus ring when reached with the keyboard. Its color comes from each color scheme’s Focus ring setting, with a fallback when its contrast is too low.
Screen readers. Buttons and icons have accessible names, and changes such as cart updates, filter results and form messages are announced.
Reduced motion. When a shopper’s device asks for reduced motion, Lintel turns off scroll animations, autoplaying transitions and other motion.
Pausable carousels. Autoplaying slides pause on hover and focus, and have a pause button.
Right-to-left languages. Layouts mirror for Arabic, Hebrew, Persian, Urdu and other right-to-left languages.
Touch targets. Buttons and links meet the minimum target size for touch.

The theme can’t check your content. To keep your store accessible:

Write alt text for images in Content > Files and on each product’s media. Describe what the image shows; leave decorative images empty.
Check color contrast when you edit color schemes. Aim for at least 4.5:1 between text and background. See Color schemes.
Keep text off busy images, or use the Text background and overlay settings that sections such as Slideshow and Promotion tile provide.
Use headings in order in rich text: don’t skip from a heading to a much smaller one just for its size.
Label links clearly. “Shop the sofa collection” is better than “Click here”.
Caption videos you upload, and avoid autoplaying video with sound.

Found an accessibility problem in the theme? Contact support and we’ll look into it.