Accessibility and Performance

Protect usability before adding visual or behavioural complexity

Liva 7 experiences should remain usable with a keyboard, readable at mobile widths and stable while Shopify and app content load.

Accessibility checks

• Keep one clear page heading and a logical heading order.
• Provide visible focus states and descriptive link names.
• Do not use colour alone to communicate status.
• Respect reduced-motion preferences.
• Give meaningful images useful alternative text.

Performance checks

• Prefer CSS and HTML for presentation that does not require interaction.
• Reserve space for media to reduce layout shift.
• Keep mobile layouts free from horizontal overflow.
• Load only the assets needed by the current experience.