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
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:
- Color Contrast Checker for WCAG contrast ratios.
- WCAG Quick Auditor for common markup issues in pasted HTML.
- Keyboard Focus-Order Replay to estimate tab order from static HTML.
- Screen-Reader Landmark Map to outline landmarks and headings.
- Alt-Text Quality Assistant for writing better image descriptions.
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.
Tools used in this guide
- Color Contrast CheckerCheck WCAG contrast ratio for text and background colors.
- WCAG Quick AuditorRun a local inert structural audit of pasted HTML for common accessibility markup issues without rendering or fetching the page.
- Keyboard Focus-Order ReplayEstimate sequential keyboard focus order from pasted static HTML and replay the resulting tab stops locally with calibrated structural cues.
- Screen-Reader Landmark MapTurn pasted HTML into a local landmark and heading outline with structural review cues, without executing or rendering the source.
- Adjustable Reading ReformatterTune font, spacing, line width and contrast to match your own reading preferences.
- Dyslexia Friendly Text PreviewPreview line height, letter and word spacing and measure against WCAG 1.4.12 and British Dyslexia Association guidance.
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.