Interface controls
A walkthrough of every control the A11Y Detector extension offers, in the order you meet them: signing in, launching a scan, following it while it runs, and reading the report it produces.
This page describes the production build of the extension (0.3.3). Internal builds expose extra tooling that is intentionally not part of the product.
1. Account access
Sign in
| Control | What it does |
|---|---|
| Email field | Text input with an envelope icon and the placeholder your@email.com. The border turns green on focus. |
| Password field | Password input with a padlock icon, plus an eye icon that shows or hides the value. |
| Forgot your password? | Opens the password reset flow. |
| Login | Primary button (dark green, full width). Submits the credentials and validates the session. |
| Sign up | "Don't have an account? Sign up" — opens the Create Account screen. |
| Close (X) | Dismisses the login dialog without saving anything. |
Reset password
| Control | What it does |
|---|---|
| Email field | Text input with an envelope icon and the placeholder your@email.com. The border turns green on focus. |
| Send reset link | Primary button (dark green) with an arrow icon. Sends the reset email. |
| Back to Login | Secondary button (outlined, white background) with a left arrow. Returns to the sign-in screen. |
| Close (X) | Dismisses the dialog without sending the link. |
Create account
| Control | What it does |
|---|---|
| Email field | Text input with an envelope icon and the placeholder your@email.com. The border turns green on focus. |
| Create Account | Primary button (black, full width). Registers the address and sends the password to that inbox. |
| Close (X) | Dismisses the dialog without creating the account. |
2. Language
| Control | What it does |
|---|---|
| Language selector | Switches the interface between English, Spanish and German. |
3. Starting a scan
| Control | What it does |
|---|---|
| Cookie banner | Shown on entry; acceptance is required before continuing. |
| Scan type | Standard scan. |
| Host (target URL) | Input that takes the URL to audit; it is filled in automatically from the active page. |
| Clear URL icon | Empties the input so a different URL can be typed. |
4. Advanced scan options
Set before the scan starts.
| Control | What it does |
|---|---|
| Test types | Four main test categories, plus Hospitality Booking and Flight Booking package. Each of those two ships as a single unified test and is selected independently of the others. |
| Capture mode | Full page or a single section. |
| Viewports | Four preset viewports plus one you can define yourself. |
| Cookie consent | Checkbox that turns consent handling on or off for the run. |
5. While the scan runs
| Control | What it does |
|---|---|
| Expand | Icon that varies by test; opens the detail of a scan that finished with an error. |
| Cancel | Stops the scan immediately, after a confirmation dialog. |
| Dialog (X / Close) | Closes the cancellation dialog without stopping the scan. |
6. When the scan finishes
| Control | What it does |
|---|---|
| Expand | Icon that varies by test; opens the detail and result information. |
| Delete | Removes the scan and its result, after a confirmation dialog. |
| Dialog (X / Close) | Closes the deletion dialog without deleting anything. |
| View report | Opens the report linked to that scan. |
7. Report list
| Control | What it does |
|---|---|
| Manage | Enters selection mode so reports can be picked for deletion. |
| Report card | Shows a screenshot of the scanned interface, the tests that ran (on hover), a next icon, the URL (on hover), the date, and a card with the issue count. |
8. Inside a report
| Control | What it does |
|---|---|
| Back | Returns to the report list. |
| View Screenshot | Shows a screenshot with the affected element highlighted. |
| Copy Listing | Copies the full issue list to the clipboard as plain text. |
| Copy Reports | Copies a summary of the report as a table, ready to paste into a spreadsheet. |
| Standard filter | Selects the standard or norm the report is measured against. |
| Download | Appears once a standard is selected; downloads the report as PDF or JSON. |
9. Inside an issue
| Control | What it does |
|---|---|
| Referenced issue list | Lists the related issues, each with its own Manage button. |
| Eye icon | Shows the issue directly in the interface, highlighting the affected element. |
| Discard | Marks the issue as not applicable. Asks for confirmation first. |
| Occurrences | When the same issue appears in several places, every occurrence is listed separately with its own eye icon. |
| Next / Previous | Moves between occurrences when there is more than one. |