Skip to main content
Accessibility

Accessibility on AltFTool: Keyboard, Contrast, Themes and Motion

AltFTool is built on a shared design system that targets WCAG AA: keyboard-operable navigation with visible focus, a skip link, contrast-checked light and dark themes, responsive layouts and reduced motion when your device asks for it.

Updated 5 min read

On this page
  1. Our approach to accessibility
  2. Keyboard and focus
  3. Contrast, themes and readable text
  4. Responsive layouts and reduced motion
  5. Accessibility tools for your own work
  6. Report an accessibility barrier
  7. Related tools
  8. FAQ

Our approach to accessibility

Every public AltFTool page is built from one shared design system, so the same accessibility baseline applies across browser tools, product workspaces, guides and the backlinks list. The target is WCAG 2 level AA: readable contrast, full keyboard operation, visible focus and respect for your device's display preferences.

Some older or specialised sections have their own design. If you find a page that falls short, please tell us; see the last section of this guide.

Keyboard and focus

The full list of shortcuts, including the search palette, is in keyboard shortcuts and navigation.

  • The first Tab on any page reveals a Skip to main content link that jumps straight past the header.
  • Header menus open on keyboard focus as well as hover, and Escape closes them and returns focus to the menu button.
  • Dialogs and sheets, such as the mobile menu and the search palette, move focus inside when they open, keep Tab within the panel, and return focus to where you were when you close them with Escape.
  • Interactive controls show a visible focus ring in both light and dark themes.

Contrast, themes and readable text

Colours come from semantic design tokens that are checked for AA contrast in both the light and dark themes, so meaning never depends on colour alone. You can switch between Light, Dark and System at any time; see light and dark theme.

Pages use real headings and landmarks, which helps screen reader users jump between sections. Text reflows when you zoom, and you can use your browser's zoom (Ctrl or Cmd with plus and minus) without losing content.

Responsive layouts and reduced motion

Public routes adapt to phones, tablets and desktops, with touch targets sized for fingers. Complex editors and multi-file workflows remain usable on a phone but can be easier on a larger screen.

When your operating system or browser asks for reduced motion, AltFTool turns off or shortens non-essential animation. In-page jump links also skip smooth scrolling in that case, so you arrive instantly.

Accessibility tools for your own work

AltFTool also has free tools that help you build accessible pages. They run on pasted HTML or values in your browser:

Report an accessibility barrier

If something blocks you, such as a control you cannot reach with the keyboard, text you cannot read, or a screen reader label that is missing, send the page address and a short description through the contact page. Mention your browser and any assistive technology you use. The bug report guide explains what details help most.

Frequently asked questions

Does AltFTool work with a keyboard only?

Yes. Navigation, menus, dialogs and core controls are designed for keyboard use, with a skip link and visible focus states.

Does AltFTool respect reduced motion settings?

Yes. When your device requests reduced motion, non-essential animation is reduced and jump links scroll instantly.

Which accessibility standard does AltFTool aim for?

The shared design system targets WCAG 2 level AA for contrast, focus, keyboard operation and motion.

Keep reading

Contact AltFToolDeveloper tools