-
Notifications
You must be signed in to change notification settings - Fork 0
Replace mock data with actual axe-core accessibility scanning #16
Copy link
Copy link
Open
Description
The app currently uses mock data from mockScanResults.js. There's existing documentation in the integrating-axe-core-docs branch about how to integrate axe-core, but it hasn't been implemented yet.
Requirements:
- Install
axe-coreand a headless browser (Puppeteer or Playwright recommended for Node.js) - Create a scanning service that:
- Takes a URL input
- Launches a headless browser
- Injects axe-core into the page
- Runs axe analysis
- Returns results in a format compatible with the existing UI
- Replace the mock data in
handleScanwith actual API call to the scanning service - Handle errors gracefully (timeout, unreachable sites, etc.)
Architecture note:
This will require a backend service (Express.js) since browsers block cross-origin requests
See docker-compose.yml line 16-23 for the planned backend structure
More: Frontend-only axe-core won't work for external websites because browsers enforce CORS (Cross-Origin Resource Sharing). The app at localhost:5173 cannot directly scan google.com or any other external domain - the browser blocks this for security.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels