Built to be usable by everyone.
Dukonix is an online catalog for merchants who complete purchases offline — and the marketing site is built to be usable by keyboard, screen reader, and reduced-motion visitors. Here's what that means in practice.
Fully keyboard-navigable
Every link, button, and control is reachable with Tab and operable with Enter/Space. Focus is always visible (a teal ring).
Keyboard shortcuts + command palette
Press ⌘K (or Ctrl+K) to open the command palette for search and navigation. Press ? for the shortcut list. The / key focuses the FAQ search.
Reduced-motion respected
Every animation falls back to opacity-only or static when prefers-reduced-motion is set. There are no loops, parallax, or bounce that can't be turned off.
WCAG-AA contrast
Text and interactive elements meet WCAG-AA contrast ratios. The light and dark themes both pass.
One H1 per page
Each page has a single, descriptive H1. Headings form a logical outline. Images have alt text. Forms have labels.
Keyboard shortcuts
Shortcuts are ignored while you're typing in an input.
| Shortcut | Action |
|---|---|
| ⌘K / Ctrl+K | Open the command palette |
| ? | Show the keyboard shortcuts help |
| / | Focus the FAQ search |
| G then D | Go to the Demo |
| G then P | Go to Pricing |
| G then F | Go to FAQ |
| G then H | Go home |
| Esc | Close a dialog or palette |
Found a barrier?
Email us and we'll fix it. Accessibility is ongoing, not a checkbox.