Readable, beyond color
Text contrast: at least 4.5:1, or 3:1 for large text. Essential control boundaries and state indicators: 3:1. Labels and symbols carry meaning alongside color.
1.4.1 · 1.4.3 · 1.4.11
Native mobile design systemA system for
the next move.
From a first resume to a better match. A complete view of the controls, patterns and mobile layouts behind Atsly.
Atsly / Built from the smallest detail
Aa
Country-aware career toolsMake your
Make your
experience count.
81ATS match92Market fit
Review improvements
Atoms → Patterns → Screens
Accessibility / Design & developer handoff
Built around WCAG 2.2 AA.
WCAG 2.2 Level AA guides the design and implementation requirements. ATS and market-fit scores include numeric values and labels. Country choices include names alongside flags. Native handoff uses VoiceOver and TalkBack semantics, Dynamic Type and font scaling, with 44pt iOS and 48dp Android touch targets.
Keyboard & focus
Every action works by keyboard, with visible focus that stays in view. Dialogs contain focus, support Escape and return focus to the trigger. Web targets meet the 24 × 24 CSS px minimum or its spacing exception.
2.1.1 · 2.1.2 · 2.4.7 · 2.4.11 · 2.5.8Clear names & feedback
Controls expose their name, role and state. Inputs have persistent labels and linked error messages. Async results use status announcements without moving focus.
1.3.1 · 3.3.1 · 3.3.2 · 4.1.2 · 4.1.3Adaptable layouts
Support text resizing to 200% and reflow at 320 CSS px without losing controls or content. Respect reduced-motion preferences and provide text alternatives for meaningful graphics.
1.1.1 · 1.4.4 · 1.4.10 · Motion preferenceRelease checklist: test every state with keyboard and screen readers, zoom and narrow layouts; measure actual foreground/background pairs. Static product screens document visual intent and do not establish app conformance. View the WCAG 2.2 requirements ↗
60Documented entries
02Native platforms
62Product screens
02Native code references
Design systemFoundations to finished screens. Every layer connected.
Color roles
Semantic color roles for the Atsly interface. Neutral artboard backgrounds are not app surfaces.