Octopus Scanner

The animation shows the Octopus Scanner interface. The address https://www.example.com is typed into the Website URL or local file path field and Start Scan is selected. Pause, Finish Early & Scan and Cancel Scan buttons appear. Scan Progress fills its striped bar, with a Pause animation button beside it. Visual Scanner Progress shows a live view of the scanning browser, marked LIVE with the page address underneath. It fades slowly between two pages of the website, scrolling gently down each one. Below it, cards count down the time remaining and count the issue types, pages scanned, network traffic and the engine's memory use, above a closed Activity Log.

When the pages are done, the live view says it is checking linked PDF documents and then building the report. The progress bar turns green, its stripes stop and the Pause animation button disappears. A Scan Complete panel offers View Report, Download CSV and Download Screenshots. The time remaining becomes the total duration. View Report is selected to open the report. It shows the audited site and a Summary of what was found. Below them are a bar and counts of Critical, Serious, Moderate and Minor issue types and instances, then the Issue Overview. Under Accessibility Issues Found, the Critical group is opened to show the issue Buttons must have discernible text, found 4 times across 3 pages. Its Affected Elements & Instances list is opened, showing the contact page at desktop size with two buttons, each with its HTML, selector and recommended fix. View Ticket is then selected.

The ticket scrolls through its title, issue description, why it matters, recommended fix, WCAG criterion, steps to recreate, affected pages, environment, a screenshot with the issue highlighted and finally its impact. Copy Ticket Content is selected and shows Copied. The ticket is closed, then the animation fades and starts again.