Accessibility Statement

Our Standard

We aim to meet WCAG 2.1 Level AA across all pages and content on ablelabs.co. We test with assistive technologies and review our implementation regularly.

Built-In Accessibility Features

This site includes the following features by default:

• Keyboard navigation — Every interactive element is reachable and operable via keyboard. Our mobile navigation includes focus trapping so keyboard users don't get lost behind open panels.
• Skip link — A "Skip to main content" link appears on focus, allowing keyboard users to bypass navigation.
• Visible focus indicators — All focusable elements display a high-contrast 3px outline when using keyboard navigation (:focus-visible).
• Semantic HTML — We use proper landmarks (<nav>, <main>, <section>, <footer>), heading hierarchy, and ARIA attributes so screen readers can navigate the page structure.
• Reduced motion support — If you have prefers-reduced-motion: reduce set in your operating system, all animations and transitions are disabled. No decorative motion will play.
• High contrast support — If you have prefers-contrast: more set, text colors darken, borders thicken, and the accent color intensifies for better visibility.
• Responsive design — The site adapts to any viewport width. Text uses fluid sizing (clamp()) so it scales smoothly without breaking at any zoom level up to 200%.
• Form accessibility — All form fields have visible labels, aria-required attributes, and inline error messages announced via role="alert".
• No autoplay media — We don't autoplay any audio or video content.

Accessibility Toolbar

We also provide an on-site accessibility toolbar (the Accessibility button in the bottom-right corner of every page) with the following controls:

• Text size — Increase or decrease the base font size across the entire site.
• Text spacing — Widen letter and word spacing for improved readability, which can help readers with dyslexia.
• High contrast — Toggle a high-contrast color scheme with stronger borders and darker text.
• Reading guide — Activate a horizontal ruler that follows your cursor to help track lines of text.
• Large cursor — Enlarge the mouse cursor for better visibility.
• Reset — Restore all settings to their defaults.

These preferences are saved in your browser so they persist across visits.

Known Limitations

We're aware of the following areas where we're still working to improve:

• The site does not currently support a dark color scheme via prefers-color-scheme: dark. We plan to add this.
• We do not offer built-in language translation. For now, we recommend using your browser's built-in translation feature.

Feedback

If you encounter any accessibility barriers on this site, please let us know. We take every report seriously and will work to resolve issues promptly.

Email: hello@ablelabs.co