Accessibility

Practical steps to keep your Homage store usable for everyone.

Last updated 27 days ago

Homage ships with keyboard support, semantic headings, and sensible defaults. Your content and color choices still matter.

Check color contrast

In Theme settings > Colors, aim for:

  • 4.5:1 contrast between body text and its background
  • 3:1 for large headings (24 px+) and icons

Test combinations at contrast-ratio.com. Use banner overlay colors when text sits on photography.

Write clear text and headings

  • Set body font size to at least 16 px in Theme settings > Fonts.
  • Use heading blocks in order β€” don't skip levels for styling.
  • Underline or otherwise distinguish links from body text.

Add alt text

For theme images: open the image in the editor, click Edit, and enter descriptive alt text.

For products: add alt text per image in Products > Media. Describe what matters β€” material, color, context β€” not "product image".

Be careful with motion

  • Avoid autoplay slideshows when possible.
  • If autoplay is on, keep Show navigation enabled so users can pause.
  • Mute autoplay videos (default in Homage video settings).

Other settings

Slideshow and video options are in Slideshow control settings and Video settings. Shopify's accessibility overview: help.shopify.com/manual/online-store/themes/customizing-themes/accessibility.