Accessibility and performance
How Metonia supports keyboard, screen reader and low-bandwidth customers.
Accessibility
Metonia is tested against WCAG 2.2 AA with automated tools and keyboard checks:
- Every interactive element is reachable by keyboard with a visible focus outline, and drawers keep focus inside until closed.
- A Skip to content link is the first focusable element.
- Images use their alt text; decorative images are hidden from screen readers.
- Touch targets are at least 24 × 24 pixels.
- Autoplaying slideshows pause on hover and focus, have a pause button and respect reduced motion.
- Tabs, drawers and forms use the matching ARIA roles and labels.
To keep your store accessible, write alt text for images, keep text and background colors at 4.5:1 contrast or higher, and avoid putting important text inside images.
Performance
- One small deferred script and no external libraries or frameworks.
- Responsive images with the right size for each screen, lazy-loaded below the fold.
- Fonts from Shopify’s font CDN with the main weights preloaded.
Large apps and tracking scripts have the biggest effect on speed. Review them regularly in Apps.