Accessible by design, honest about gaps.

Every interactive element can be reached and used with a keyboard.

• A skip link jumps past the navigation to the main content.
• Focus rings are always visible and never removed.
• The command palette opens with Ctrl or Cmd plus K and traps focus while open.
• Dialogs close with Escape and return focus to where you were.

Arabic is a first-class language, not a mirrored copy of English.

• Layouts use logical properties, so spacing and alignment flip correctly.
• Only directional arrows flip. Play icons and numbers keep their direction.
• The document language and direction are set on every page.

Animation guides attention and can be turned off.

• If your system asks for reduced motion, scroll effects, tilts and counters are disabled.
• No content depends on animation to be read.
• Nothing flashes more than three times per second.

Light and dark themes are designed separately.

• Text colours are chosen to meet AA contrast against their backgrounds.
• Information is never conveyed by colour alone. Errors also carry text.
• Text can be zoomed to 200 percent without horizontal scrolling.

Semantic markup carries meaning for assistive technology.

• One main heading per page, with headings in logical order.
• Form fields have visible labels, linked hints and linked error messages.
• Status messages are announced politely, errors assertively.
• Decorative images and animations are hidden from screen readers.

We would rather list the gaps than hide them.

• Demo videos are embedded players and may not offer captions in both languages.
• The 3D hero scene is decorative and has no text alternative beyond its label.
• We have not yet tested with every screen reader and browser pairing.