Menu
Site navigation and actions.
Site navigation and actions.
Automated rules, keyboard use, assistive-technology semantics and visual accessibility, checked on every state your flows reach.
Coupon field has no label
The coupon input that appears after clicking Add coupon has no label, so assistive technology can't say what it is for.
Delete button can't be reached with the keyboard
Tabbing through the page skips the Delete control, so keyboard users can't remove an item.
Runs accessibility rules on every state your flows reach, not just the page on load.
A form with an unlabelled field boxed, and the axe rule that flagged it.
form > input#coupon
State: after clicking "Add coupon"
The axe-core rules run on every visited state, including after clicks and form submissions.
Follow your flows, including after clicks.
Apply the rules to every visited state.
Selector and a screenshot, element boxed.
Findings appear in the Hydrofoil dashboard and in your GitHub check, with a severity (blocker, major, minor or nit) and a confidence level. Low-confidence findings are marked Needs reviewand don't fail the check.
What each finding includes.
Turn this review on or off for each repository in repository settings.[TBD: add any check-specific options.]
Tabs through your flows to check they work without a mouse.
Tab-order numbers over a page. One control never gets a number.
The agent navigates each flow using only the keyboard, recording focus order and visibility.
Tab, Shift+Tab, Enter and Esc.
Order, and whether it's visible.
Judge whether the order makes sense.
Findings appear in the Hydrofoil dashboard and in your GitHub check, with a severity (blocker, major, minor or nit) and a confidence level. Low-confidence findings are marked Needs reviewand don't fail the check.
What each finding includes.
Turn this review on or off for each repository in repository settings.[TBD: add any check-specific options.]
Reviews what assistive technology would be told about your page.
The accessibility tree beside the page. One button reads only "button".
Hydrofoil reads the page's accessibility tree and reviews names, roles, structure and announcements.
The page's accessibility tree.
Names, roles and structure.
Toasts and updates.
Findings appear in the Hydrofoil dashboard and in your GitHub check, with a severity (blocker, major, minor or nit) and a confidence level. Low-confidence findings are marked Needs reviewand don't fail the check.
What each finding includes.
Turn this review on or off for each repository in repository settings.[TBD: add any check-specific options.]
Contrast, zoom, motion and colour-only meaning.
A button with its measured contrast ratio, and an error state that relies only on red.
Contrast and reflow are measured; AI reviews colour-only meaning and judges the harder contrast cases.
Text and controls against their backgrounds.
At 320px and 200% zoom.
Colour-only meaning and hard cases.
Findings appear in the Hydrofoil dashboard and in your GitHub check, with a severity (blocker, major, minor or nit) and a confidence level. Low-confidence findings are marked Needs reviewand don't fail the check.
What each finding includes.
Turn this review on or off for each repository in repository settings.[TBD: add any check-specific options.]
Hydrofoil opens each preview in a real browser and posts what it finds to GitHub.