Accessibility

Our commitment to building an inclusive and operable design system for every user.

Our Commitment

GateFlow is dedicated to ensuring digital accessibility for people with disabilities. We are continuously improving the user experience for everyone and applying the relevant accessibility standards, aiming for WCAG 2.1 AA compliance.

Keyboard Navigation

All interactive elements are reachable and operable via keyboard.

StandardTab / Focus trapping
StatusEnforced

Color & Contrast

Semantic tokens are mapped to meet WCAG 2.1 AA contrast ratios.

Visual4.5:1 Minimum
TokensOKLCH Automated

Reduced Motion

Animations respect user preferences via prefers-reduced-motion.

PolicyCSS/Tailwind Only
DefaultRestricted

RTL / Internationalization

Support for Arabic (RTL) via logical CSS properties (ms/me).

MirroringLogical Layout
LangAR/EN First

Live WCAG 2.2 Audit Playground

Measure the resolved contrast of real semantic token pairs against WCAG 2.2 AA / AAA thresholds. Toggle light/dark mode or an accent profile, then re-measure to re-audit the active theme.

WCAG 2.2 Contrast Audit

Live measurement of DS token pairs against AA / AAA thresholds

Reads the resolved --ds-* tokens from the active theme and computes WCAG 2.2 relative-luminance contrast. Switch light/dark or an accent profile above, then hit Re-measure to re-audit.

0/0AA normal passes
0%overall coverage
4.5:1AA normal target
3:1AA large target
Ratios computed per WCAG 2.x relative luminance. Non-text / UI component contrast uses the AA 3:1 bar (1.4.11); GateFlow targets AA and treats AAA as advisory.

Guidance & Reference

GateFlow’s accessibility strategy is inspired by industry leaders. For normative patterns and deep technical guidance on building accessible components, we recommend the following external resources: