Accessibility

How we build for keyboard, screen reader, low-vision, and low-tech users. An honest, dated snapshot.

We write this page the way the rest of the site is written: what works, what doesn't, and how to verify it yourself. It is dated because accessibility is a moving target. We re-test after every major release.

What we commit to

• Full keyboard traversal. Every generator control, every modal, and every export flow is reachable without a mouse.
• Visible focus states. Focused inputs, buttons, and links show a clear ring. We don't rely on color alone.
• Labels on every field. Form inputs have associated <label> elements or aria-label attributes. Placeholder text is never used as the only label.
• ARIA live regions for the QR preview and toasts. Screen readers hear "QR generated" and toast messages when they fire, not just when focus moves to them.
• Text alternatives for icon-only buttons. aria-label on every SVG-only button.
• Color-independent status meaning. Scannability badges and compat chips pair color with a glyph and a text label.
• Explicit export format names. Download buttons say "Download PNG", "Download SVG", etc., not just "Download".
• Large-tap mobile targets. Interactive elements are at least 44 × 44 CSS pixels on coarse pointers, per WCAG 2.5.8.
• Reduced-motion respect. Transitions are disabled under prefers-reduced-motion: reduce.

Where we still fall short

• Screen-reader testing coverage is uneven. The Generator has been tested with VoiceOver (macOS/iOS) and NVDA. JAWS and TalkBack need more time.
• The Business Card Designer is mouse-heavy by design (drag-to-position, canvas preview). Keyboard alternatives exist for every control but the live-preview feedback loop is still visual-first.
• Complex generator flows (batch CSV, multi-step wizard) could use better skip-link structure. Planned.
• Our compatibility matrix is currently presented as HTML tables. Screen-reader column headers work, but we'd like to add longer descriptive summaries for each row.

Tested browsers and assistive tech

Last full pass: April 2026. Between passes we spot-check after significant UI changes.

Keyboard map

• Tab / Shift+Tab: move forward / back through focusable elements.
• Enter / Space: activate buttons and toggles.
• Arrow keys: move between options inside a radio group (type selector, template picker, tab bar).
• Escape: close modals (Business Card Designer, preflight, print services, image crop).
• Home / End inside an overflow menu jump to first / last item.

Report an issue

If something is unreachable by keyboard, mislabeled, or otherwise unusable with your setup, email hello@abundera.ai. Include your browser, OS, AT, and the specific flow. We treat accessibility bugs as priority issues.

Last reviewed: 2026-04-16. Next review: after the next major UI change.