Accessibility Testing

1. Included accessibility features

Semantic landmarks, skip link, logical heading structures, visible focus, keyboard menus, accordions, tabs, modals, filters, labelled forms, error summaries, status messages and reduced-motion styles are included.

2. Keyboard test

1. Start at the address bar and press Tab.
2. Confirm the skip link appears.
3. Open and close navigation with keyboard and Escape.
4. Operate dropdowns, filters, accordions, tabs and modal.
5. Complete each form without a pointer.
6. Use arrow keys, Home and End on the comparison slider.

3. Reduced-motion test

Enable “Reduce motion” in the operating system, reload the page and confirm reveal content is immediately visible, scrolling is not forced smooth and no repeating animation remains.

4. Zoom and reflow

Test browser zoom to at least 200% and narrow layouts down to 320px. Confirm no horizontal overflow, hidden phone actions or covered form controls.

5. Contrast

Re-test all text, buttons, focus rings, errors and placeholder states after changing colors. Do not rely on color alone for warnings.

6. Images and media

Write alt text that conveys the real purpose, hide decorative assets, caption added video and avoid text embedded in images.

7. Forms after integration

Keep explicit labels, required indicators, field errors, summary focus and status messages. Test provider error responses and timeouts.

8. Limits

The template’s WCAG target does not guarantee the buyer’s final site. Content, integrations, third-party widgets and operational processes can introduce barriers.

Version 1.2.0

New interactive components

The demo selector supports arrow keys, carousels use explicit controls, comparison inputs are native ranges, climate/category selectors use pressed states and all premium motion is simplified under prefers-reduced-motion.